yusur/coinstorge
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix ssr

Browse source
This commit is contained in:
Face 2025-06-28 15:00:33 +03:00
parent 889948e5c7
commit 6e4e8a4eaa
3 changed files with 26 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
website/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
View file

@ -23,5 +23,7 @@
className className
)} )}
{...restProps} {...restProps}
/> >
{@render restProps.children?.()}
</DropdownMenuPrimitive.Content>
</DropdownMenuPrimitive.Portal> </DropdownMenuPrimitive.Portal>

4
website/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
View file

@ -24,4 +24,6 @@
className className
)} )}
{...restProps} {...restProps}
/> >
{@render restProps.children?.()}
</DropdownMenuPrimitive.Item>

25
website/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
import { browser } from "$app/environment";
let { let {
ref = $bindable(null), ref = $bindable(null),
@ -7,8 +8,22 @@
}: DropdownMenuPrimitive.TriggerProps = $props(); }: DropdownMenuPrimitive.TriggerProps = $props();
</script> </script>
<DropdownMenuPrimitive.Trigger {#if browser}
bind:ref <DropdownMenuPrimitive.Trigger
data-slot="dropdown-menu-trigger" bind:ref
{...restProps} data-slot="dropdown-menu-trigger"
/> {...restProps}
>
{@render restProps.children?.()}
</DropdownMenuPrimitive.Trigger>
{:else}
<!-- SSR fallback -->
<button
bind:this={ref}
data-slot="dropdown-menu-trigger"
type="button"
{...restProps}
>
{@render restProps.children?.()}
</button>
{/if}