feat: 워크스페이스에 권한이 없을 시, /으로 redirect

Author: djk01281

apps/frontend/src/app/App.tsx

@@ -4,12 +4,21 @@ import { CanvasView } from "@/widgets/CanvasView";
 import { EditorView } from "@/widgets/EditorView";
 import { PageSideBarView } from "@/widgets/PageSideBarView";
 import { CanvasToolsView } from "@/widgets/CanvasToolsView";
-import { useGetUser } from "@/features/auth/model/useAuth";
+import { useProtectedWorkspace } from "@/features/workspace/model/useProtectedWorkspace";
 
 function App() {
   useSyncedUsers();
-  useGetUser();
+  const { isLoading } = useProtectedWorkspace();
 
+  if (isLoading) {
+    return (
+      <div className="fixed inset-0 flex items-center justify-center bg-white">
+        <div className="animate-pulse text-gray-400">Loading...</div>
+      </div>
+    );
+  }
+
+  // If we're not loading and have workspace data, show the main content
   return (
     <div className="fixed inset-0 bg-white">
       <SideWrapper side="right" className="z-50">

apps/frontend/src/features/workspace/model/useProtectedWorkspace.ts

@@ -0,0 +1,19 @@
+import { useEffect } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { useCurrentWorkspace } from "@/features/workspace/model/useWorkspace";
+
+export const useProtectedWorkspace = () => {
+  const navigate = useNavigate();
+  const { data: workspaceData, isLoading } = useCurrentWorkspace();
+
+  useEffect(() => {
+    if (!isLoading && !workspaceData) {
+      navigate({ to: "/" });
+    }
+  }, [isLoading, workspaceData, navigate]);
+
+  return {
+    isLoading,
+    workspaceData,
+  };
+};

apps/frontend/src/features/workspace/model/useWorkspace.ts

@@ -42,19 +42,15 @@ export const useRemoveWorkspace = () => {
 
 export const useCurrentWorkspace = () => {
   const workspaceId = useWorkspace();
-  const { data: user, isError } = useGetUser();
+  const { data: user, isError, isSuccess } = useGetUser();
+
+  const snowflakeId = isError ? "null" : (user?.snowflakeId ?? "null");
 
   return useQuery({
-    queryKey: [
-      "currentWorkspace",
-      workspaceId,
-      isError ? "null" : (user?.snowflakeId ?? "null"),
-    ],
-    queryFn: () =>
-      getCurrentWorkspace(
-        workspaceId,
-        isError ? "null" : (user?.snowflakeId ?? "null"),
-      ),
-    enabled: Boolean(workspaceId),
+    queryKey: ["currentWorkspace", workspaceId, snowflakeId],
+    queryFn: () => getCurrentWorkspace(workspaceId, snowflakeId),
+    enabled: Boolean(workspaceId) && isSuccess,
+    retry: false,
+    refetchOnWindowFocus: false,
   });
 };