Move suspense above popover dropdown

This commit is contained in:
Philipinho
2025-03-17 11:23:57 +00:00
parent 15bdbf74cd
commit 2e5990d057
@@ -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,7 +77,6 @@ function EmojiPicker({
skinTonePosition="search" skinTonePosition="search"
theme={colorScheme} theme={colorScheme}
/> />
</Suspense>
<Button <Button
variant="default" variant="default"
c="gray" c="gray"
@@ -93,6 +92,7 @@ function EmojiPicker({
{t("Remove")} {t("Remove")}
</Button> </Button>
</Popover.Dropdown> </Popover.Dropdown>
</Suspense>
</Popover> </Popover>
); );
} }