Split codebase (#455)

apps/yaak-client/hooks/useActiveWorkspaceChangedToast.tsx

@@ -0,0 +1,31 @@
+import { useAtomValue } from "jotai";
+import { useEffect, useState } from "react";
+import { InlineCode } from "@yaakapp-internal/ui";
+import { showToast } from "../lib/toast";
+import { activeWorkspaceAtom } from "./useActiveWorkspace";
+
+export function useActiveWorkspaceChangedToast() {
+  const activeWorkspace = useAtomValue(activeWorkspaceAtom);
+  const [id, setId] = useState<string | null>(activeWorkspace?.id ?? null);
+
+  useEffect(() => {
+    // Early return if same or invalid active workspace
+    if (id === activeWorkspace?.id || activeWorkspace == null) return;
+
+    setId(activeWorkspace?.id ?? null);
+
+    // Don't notify on the first load
+    if (id === null) return;
+
+    showToast({
+      id: `workspace-changed-${activeWorkspace.id}`,
+      timeout: 3000,
+      message: (
+        <>
+          Activated workspace{" "}
+          <InlineCode className="whitespace-nowrap">{activeWorkspace.name}</InlineCode>
+        </>
+      ),
+    });
+  }, [activeWorkspace, id]);
+}