CUP-1342-switch-management-system (#256)

* feat(navigation): navigate to localized home after a ws switch

* chore(api): update api models

* refactor(projects): update components in order to support prj wsId

Author: cannarocks

src/features/api/index.ts

@@ -416,7 +416,7 @@ export type Workspace = {
   };
   coins?: number;
 };
-export type Output = 'bugs' | 'reports' | 'media';
+export type Output = 'bugs' | 'media';
 export type Campaign = {
   id: number;
   start_date: string;
@@ -450,6 +450,7 @@ export type Project = {
   id: number;
   name: string;
   campaigns_count: number;
+  workspaceId: number;
 };
 export type Campaign2 = {
   id: number;

src/features/navigation/Navigation.tsx

@@ -219,6 +219,9 @@ export const Navigation = ({
         company: workspaceName,
       },
     });
+
+    // Navigate to home
+    navigateTo('home');
   };
 
   if (!activeWorkspace) return null;

src/pages/Dashboard/Project.tsx

@@ -1,16 +1,20 @@
+import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Page } from 'src/features/templates/Page';
 import { Grid } from '@appquality/unguess-design-system';
 import { useAppDispatch } from 'src/app/hooks';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useLocalizeRoute } from 'src/hooks/useLocalizedRoute';
+import { useGetProjectsByPidQuery } from 'src/features/api';
 import {
   projectFilterChanged,
   resetFilters,
 } from 'src/features/campaignsFilter/campaignsFilterSlice';
 import { ProjectItems } from './project-items';
 import { ProjectPageHeader } from './projectPageHeader';
 
+import { CardRowLoading } from './CardRowLoading';
+
 const Project = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
@@ -19,10 +23,22 @@ const Project = () => {
   const { projectId } = useParams();
 
   if (!projectId || Number.isNaN(Number(projectId))) {
-    navigate(notFoundRoute, { replace: true });
-  } else {
-    dispatch(resetFilters());
-    dispatch(projectFilterChanged(Number(projectId)));
+    navigate(notFoundRoute);
+  }
+
+  const project = useGetProjectsByPidQuery({
+    pid: Number(projectId),
+  });
+
+  useEffect(() => {
+    if (project.isSuccess) {
+      dispatch(resetFilters());
+      dispatch(projectFilterChanged(Number(projectId)));
+    }
+  }, [project]);
+
+  if (project.isError) {
+    navigate(notFoundRoute);
   }
 
   return (
@@ -31,9 +47,7 @@ const Project = () => {
       route="projects"
       pageHeader={<ProjectPageHeader projectId={Number(projectId) || 0} />}
     >
-      <Grid>
-        <ProjectItems />
-      </Grid>
+      <Grid>{project.isSuccess ? <ProjectItems /> : <CardRowLoading />}</Grid>
     </Page>
   );
 };

src/pages/ExpressWizard/projectDropdown.tsx

@@ -41,6 +41,7 @@ export const ProjectDropdown = () => {
     id: 0,
     name: t('__WIZARD_EXPRESS_DEFAULT_ITEM'),
     campaigns_count: 0,
+    workspaceId: 0,
   };
 
   const [selectedItem, setSelectedItem] = useState<Project>();