cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-28 18:00:59 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(msgbar): removed IconButton dependency

Browse source
This commit is contained in:
trashtemp 2022-01-15 13:33:04 +01:00
parent b4555fd028
commit 200db35c25
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
1 changed files with 10 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/common/messaging/bars/MessageOverlayBar.tsx
View file

@ -24,7 +24,6 @@ import {
import { useClient } from "../../../../context/revoltjs/RevoltClient"; import { useClient } from "../../../../context/revoltjs/RevoltClient";
import Tooltip from "../../../common/Tooltip"; import Tooltip from "../../../common/Tooltip";
import IconButton from "../../../ui/IconButton";
interface Props { interface Props {
message: MessageObject; message: MessageObject;
@ -63,9 +62,11 @@ const Entry = styled.div`
flex-shrink: 0; flex-shrink: 0;
cursor: pointer; cursor: pointer;
transition: 0.2s ease background-color; transition: 0.2s ease background-color;
color: var(--secondary-foreground);
&:hover { &:hover {
background: var(--secondary-header); background-color: var(--secondary-header);
color: var(--foreground);
} }
&:focus { &:focus {
@ -95,9 +96,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
<OverlayBar> <OverlayBar>
<Tooltip content="Reply"> <Tooltip content="Reply">
<Entry onClick={() => internalEmit("ReplyBar", "add", message)}> <Entry onClick={() => internalEmit("ReplyBar", "add", message)}>
<IconButton> <Share size={18} />
<Share size={18} />
</IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>
@ -111,9 +110,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
message._id, message._id,
) )
}> }>
<IconButton> <Pencil size={18} />
<Pencil size={18} />
</IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>
)} )}
@ -130,9 +127,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
target: message, target: message,
} as unknown as Screen) } as unknown as Screen)
}> }>
<IconButton> <Trash size={18} color={"var(--error)"} />
<Trash size={18} color={"var(--error)"} />
</IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>
) : undefined} ) : undefined}
@ -145,9 +140,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
queued, queued,
}) })
}> }>
<IconButton> <DotsVerticalRounded size={18} />
<DotsVerticalRounded size={18} />
</IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>
<Divider /> <Divider />
@ -160,9 +153,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
queued, queued,
}) })
}> }>
<IconButton> <Notification size={18} />
<Notification size={18} />
</IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>
<Tooltip content="Copy Link"> <Tooltip content="Copy Link">
@ -174,9 +165,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
queued, queued,
}) })
}> }>
<IconButton> <LinkAlt size={18} />
<LinkAlt size={18} />
</IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>
<Tooltip content="Copy ID"> <Tooltip content="Copy ID">
@ -188,9 +177,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
queued, queued,
}) })
}> }>
<IconButton> <InfoSquare size={18} />
<InfoSquare size={18} />
</IconButton>
</Entry> </Entry>
</Tooltip> </Tooltip>
</OverlayBar> </OverlayBar>