Change parameter name for slug

yorkie-team · Jan 22, 2024 · ace7c33 · ace7c33
1 parent 318c8ab
commit ace7c33
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/components/drawers/WorkspaceDrawer.tsx b/frontend/src/components/drawers/WorkspaceDrawer.tsx
@@ -26,7 +26,7 @@ const DRAWER_WIDTH = 240;
 function WorkspaceDrawer() {
 	const params = useParams();
 	const userStore = useSelector(selectUser);
-	const { data: workspace } = useGetWorkspaceQuery(params.workspaceId);
+	const { data: workspace } = useGetWorkspaceQuery(params.workspaceSlug);
 	const [profileAnchorEl, setProfileAnchorEl] = useState<(EventTarget & Element) | null>(null);
 	const [workspaceListAnchorEl, setWorkspaceListAnchorEl] = useState<
 		(EventTarget & Element) | null

diff --git a/frontend/src/hooks/api/workspace.ts b/frontend/src/hooks/api/workspace.ts
@@ -10,12 +10,12 @@ export const generateGetWorkspaceListQueryKey = () => {
 	return ["workspaces"];
 };
 
-export const useGetWorkspaceQuery = (workspaceId?: string) => {
+export const useGetWorkspaceQuery = (workspaceSlug?: string) => {
 	const query = useQuery({
-		queryKey: generateGetWorkspaceQueryKey(workspaceId || ""),
-		enabled: Boolean(workspaceId),
+		queryKey: generateGetWorkspaceQueryKey(workspaceSlug || ""),
+		enabled: Boolean(workspaceSlug),
 		queryFn: async () => {
-			const res = await axios.get<GetWorkspaceResponse>(`/workspaces/${workspaceId}`);
+			const res = await axios.get<GetWorkspaceResponse>(`/workspaces/${workspaceSlug}`);
 			return res.data;
 		},
 		meta: {

diff --git a/frontend/src/routes.tsx b/frontend/src/routes.tsx
@@ -32,7 +32,7 @@ const codePairRoutes = [
 		element: <WorkspaceLayout />,
 		children: [
 			{
-				path: ":workspaceId",
+				path: ":workspaceSlug",
 				element: <WorkspaceIndex />,
 			},
 		],