Move suspense above popover dropdown
This commit is contained in:
parent
15bdbf74cd
commit
2e5990d057
1 changed files with 18 additions and 18 deletions
|
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue