From 5326fc2aa10ad3da87a8da853899c856fcd0f96f Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Wed, 9 Apr 2025 14:22:41 +0200
Subject: [PATCH] Use store for binding

---
 src/lib/components/dualTimeView.svelte | 3 ++-
 src/lib/components/menu/menu.svelte    | 4 ++++
 src/lib/components/menu/store.ts       | 3 +++
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/components/menu/store.ts

diff --git a/src/lib/components/dualTimeView.svelte b/src/lib/components/dualTimeView.svelte
index 4798414cc..e6ee84fb0 100644
--- a/src/lib/components/dualTimeView.svelte
+++ b/src/lib/components/dualTimeView.svelte
@@ -8,6 +8,7 @@
         toISOString
     } from '$lib/helpers/date';
     import { Badge, InteractiveText, Layout, Popover, Typography } from '@appwrite.io/pink-svelte';
+    import { menuOpen } from '$lib/components/menu/store';
 
     export let time: string = '';
     export let placement: ComponentProps<Popover>['placement'] = 'bottom';
@@ -77,7 +78,7 @@
 <Popover let:show let:hide {placement} portal>
     <button
         on:mouseenter={() => {
-            if (!document.getElementById('actionmenuopen')) {
+            if (!$menuOpen) {
                 setTimeout(show, 150);
             }
         }}
diff --git a/src/lib/components/menu/menu.svelte b/src/lib/components/menu/menu.svelte
index 7e0530425..1f5baf29a 100644
--- a/src/lib/components/menu/menu.svelte
+++ b/src/lib/components/menu/menu.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
     import { Card } from '@appwrite.io/pink-svelte';
     import { createMenubar, melt } from '@melt-ui/svelte';
+    import { writable } from 'svelte/store';
+    import { menuOpen } from '$lib/components/menu/store';
 
     const {
         elements: { menubar },
@@ -15,6 +17,8 @@
     function toggle() {
         open.update((state) => !state);
     }
+
+    $: menuOpen.set($open);
 </script>
 
 <div use:melt={$menubar}>
diff --git a/src/lib/components/menu/store.ts b/src/lib/components/menu/store.ts
new file mode 100644
index 000000000..571b30b82
--- /dev/null
+++ b/src/lib/components/menu/store.ts
@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const menuOpen = writable(false);