Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-20 09:51:12 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: emoji callout icon (#1323)

Browse Source
This commit is contained in:
Finn Dittmar
2025-08-31 22:16:52 +02:00
committed by GitHub
parent 242fb6bb57
commit 5968764508
4 changed files with 86 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/client/src/components/ui/emoji-picker.tsx
View File

@ -15,6 +15,11 @@ export interface EmojiPickerInterface {
icon: ReactNode;
removeEmojiAction: () => void;
readOnly: boolean;
actionIconProps?: {
size?: string;
variant?: string;
c?: string;
};
}
function EmojiPicker({
@ -22,6 +27,7 @@ function EmojiPicker({
icon,
removeEmojiAction,
readOnly,
actionIconProps,
}: EmojiPickerInterface) {
const { t } = useTranslation();
const [opened, handlers] = useDisclosure(false);
@ -64,7 +70,12 @@ function EmojiPicker({
closeOnEscape={true}
>
<Popover.Target ref={setTarget}>
<ActionIcon c="gray" variant="transparent" onClick={handlers.toggle}>
<ActionIcon
c={actionIconProps?.c || "gray"}
variant={actionIconProps?.variant || "transparent"}
size={actionIconProps?.size}
onClick={handlers.toggle}
>
{icon}
</ActionIcon>
</Popover.Target>