AcadeNice/AcadeDoc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move suspense above popover dropdown

Browse source
This commit is contained in:
Philipinho 2025-03-17 11:23:57 +00:00
parent 15bdbf74cd
commit 2e5990d057
1 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
apps/client/src/components/ui/emoji-picker.tsx
View file

@ -68,8 +68,8 @@ function EmojiPicker({
{icon} {icon}
</ActionIcon> </ActionIcon>
</Popover.Target> </Popover.Target>
<Popover.Dropdown bg="000" style={{ border: "none" }} ref={setDropdown}> <Suspense fallback={null}>
<Suspense fallback={null}> <Popover.Dropdown bg="000" style={{ border: "none" }} ref={setDropdown}>
<Picker <Picker
data={async () => (await import("@emoji-mart/data")).default} data={async () => (await import("@emoji-mart/data")).default}
onEmojiSelect={handleEmojiSelect} onEmojiSelect={handleEmojiSelect}
@ -77,22 +77,22 @@ function EmojiPicker({
skinTonePosition="search" skinTonePosition="search"
theme={colorScheme} theme={colorScheme}
/> />
</Suspense> <Button
<Button variant="default"
variant="default" c="gray"
c="gray" size="xs"
size="xs" style={{
style={{ position: "absolute",
position: "absolute", zIndex: 2,
zIndex: 2, bottom: "1rem",
bottom: "1rem", right: "1rem",
right: "1rem", }}
}} onClick={handleRemoveEmoji}
onClick={handleRemoveEmoji} >
> {t("Remove")}
{t("Remove")} </Button>
</Button> </Popover.Dropdown>
</Popover.Dropdown> </Suspense>
</Popover> </Popover>
); );
} }