feat(home): add disclaimer modal for board navigation

src/stores/use-disclaimer-modal-store.ts

@@ -0,0 +1,75 @@
+import { create } from 'zustand';
+import { NavigateFunction } from 'react-router-dom';
+
+const DISCLAIMER_ACCEPTED_KEY = '5chan-disclaimer-accepted';
+
+interface DisclaimerModalState {
+  showModal: boolean;
+  targetAddress: string | null;
+  showDisclaimerModal: (address: string, navigate: NavigateFunction) => void;
+  closeDisclaimerModal: () => void;
+  acceptDisclaimer: (navigate: NavigateFunction) => void;
+}
+
+const hasAcceptedDisclaimer = (): boolean => {
+  try {
+    return localStorage.getItem(DISCLAIMER_ACCEPTED_KEY) === 'true';
+  } catch (error) {
+    return false;
+  }
+};
+
+const setDisclaimerAccepted = (): void => {
+  try {
+    localStorage.setItem(DISCLAIMER_ACCEPTED_KEY, 'true');
+  } catch (error) {
+    console.error('Failed to save disclaimer acceptance to localStorage:', error);
+  }
+};
+
+const useDisclaimerModalStore = create<DisclaimerModalState>((set) => ({
+  showModal: false,
+  targetAddress: null,
+
+  showDisclaimerModal: (address: string, navigate: NavigateFunction) => {
+    // Check if user has already accepted the disclaimer
+    if (hasAcceptedDisclaimer()) {
+      // Navigate directly without showing modal
+      navigate(`/p/${address}`);
+      return;
+    }
+
+    // Show modal if not accepted before
+    set({
+      showModal: true,
+      targetAddress: address,
+    });
+  },
+
+  closeDisclaimerModal: () => {
+    set({
+      showModal: false,
+      targetAddress: null,
+    });
+  },
+
+  acceptDisclaimer: (navigate: NavigateFunction) => {
+    const state = useDisclaimerModalStore.getState();
+
+    // Save acceptance to localStorage
+    setDisclaimerAccepted();
+
+    // Navigate to the target address
+    if (state.targetAddress) {
+      navigate(`/p/${state.targetAddress}`);
+    }
+
+    // Close the modal
+    set({
+      showModal: false,
+      targetAddress: null,
+    });
+  },
+}));
+
+export default useDisclaimerModalStore;