fix(tv): modals

hooks/useTVOptionModal.ts

@@ -0,0 +1,36 @@
+import { useCallback } from "react";
+import useRouter from "@/hooks/useAppRouter";
+import {
+  type TVOptionItem,
+  tvOptionModalAtom,
+} from "@/utils/atoms/tvOptionModal";
+import { store } from "@/utils/store";
+
+interface ShowOptionsParams<T> {
+  title: string;
+  options: TVOptionItem<T>[];
+  onSelect: (value: T) => void;
+  cardWidth?: number;
+  cardHeight?: number;
+}
+
+export const useTVOptionModal = () => {
+  const router = useRouter();
+
+  const showOptions = useCallback(
+    <T>(params: ShowOptionsParams<T>) => {
+      // Use store.set for synchronous update before navigation
+      store.set(tvOptionModalAtom, {
+        title: params.title,
+        options: params.options,
+        onSelect: params.onSelect,
+        cardWidth: params.cardWidth,
+        cardHeight: params.cardHeight,
+      });
+      router.push("/(auth)/tv-option-modal");
+    },
+    [router],
+  );
+
+  return { showOptions };
+};