HMC/handmade-revolt
2
0
Fork 0
forked from abner/for-legacy-web
Code Pull Requests Actions Activity

Virtualised sidebar test.

Browse Source
This commit is contained in:
Paul
2021-08-08 16:17:16 +01:00
parent 17f68088d1
commit 8e24d1490c
11 changed files with 241 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/common/messaging/MessageBase.tsx
View File

@@ -182,6 +182,13 @@ export const MessageInfo = styled.div`
.header {
cursor: pointer;
}
.systemIcon {
height: 1.33em;
width: 1.33em;
margin-right: 0.5em;
color: var(--tertiary-foreground);
}
`;
export const MessageContent = styled.div`

9
src/components/common/messaging/SystemMessage.tsx
View File

@@ -57,13 +57,6 @@ export const SystemMessage = observer(
const SystemMessageIcon =
iconDictionary[data.type as SystemMessageI["type"]] ?? InfoCircle;
const SystemIcon = styled(SystemMessageIcon)`
height: 1.33em;
width: 1.33em;
margin-right: 0.5em;
color: var(--tertiary-foreground);
`;
let children;
switch (data.type) {
case "text":
@@ -136,7 +129,7 @@ export const SystemMessage = observer(
{!hideInfo && (
<MessageInfo>
<MessageDetail message={message} position="left" />
<SystemIcon className="system-message-icon" />
<SystemMessageIcon className="systemIcon" />
</MessageInfo>
)}
<SystemContent>{children}</SystemContent>