feat(tv): migrate login to white design with navigation modals

hooks/useTVAccountSelectModal.ts

@@ -0,0 +1,34 @@
+import { useCallback } from "react";
+import useRouter from "@/hooks/useAppRouter";
+import { tvAccountSelectModalAtom } from "@/utils/atoms/tvAccountSelectModal";
+import type {
+  SavedServer,
+  SavedServerAccount,
+} from "@/utils/secureCredentials";
+import { store } from "@/utils/store";
+
+interface ShowAccountSelectModalParams {
+  server: SavedServer;
+  onAccountSelect: (account: SavedServerAccount) => void;
+  onAddAccount: () => void;
+  onDeleteAccount: (account: SavedServerAccount) => void;
+}
+
+export const useTVAccountSelectModal = () => {
+  const router = useRouter();
+
+  const showAccountSelectModal = useCallback(
+    (params: ShowAccountSelectModalParams) => {
+      store.set(tvAccountSelectModalAtom, {
+        server: params.server,
+        onAccountSelect: params.onAccountSelect,
+        onAddAccount: params.onAddAccount,
+        onDeleteAccount: params.onDeleteAccount,
+      });
+      router.push("/tv-account-select-modal");
+    },
+    [router],
+  );
+
+  return { showAccountSelectModal };
+};

hooks/useTVServerActionModal.ts

@@ -0,0 +1,29 @@
+import { useCallback } from "react";
+import useRouter from "@/hooks/useAppRouter";
+import { tvServerActionModalAtom } from "@/utils/atoms/tvServerActionModal";
+import type { SavedServer } from "@/utils/secureCredentials";
+import { store } from "@/utils/store";
+
+interface ShowServerActionModalParams {
+  server: SavedServer;
+  onLogin: () => void;
+  onDelete: () => void;
+}
+
+export const useTVServerActionModal = () => {
+  const router = useRouter();
+
+  const showServerActionModal = useCallback(
+    (params: ShowServerActionModalParams) => {
+      store.set(tvServerActionModalAtom, {
+        server: params.server,
+        onLogin: params.onLogin,
+        onDelete: params.onDelete,
+      });
+      router.push("/tv-server-action-modal");
+    },
+    [router],
+  );
+
+  return { showServerActionModal };
+};