desktop switch teams (#155)

This PR enhances the desktop switch teams functionality by ensuring the '/switch-teams' route is properly recognized as a home route and improves code organization through refactoring.

Added '/switch-teams' to the list of home routes in the useHome utility
Reorganized SwitchTeams component export for better code structure
Refactored inline onClick handler to a named function for better maintainability

Author: gtryus

src/renderer/src/routes/ProjectsScreen.tsx

@@ -165,6 +165,11 @@ const ProjectsScreenInner: React.FC = () => {
     setAddOpen(false);
   };
 
+  const handleSwitchTeams = () => {
+    localStorage.removeItem(LocalKey.plan);
+    navigate('/switch-teams');
+  };
+
   React.useEffect(() => {
     startClear();
     setHome(true);
@@ -271,10 +276,7 @@ const ProjectsScreenInner: React.FC = () => {
           <Button
             id="ProjectActSwitch"
             variant="outlined"
-            onClick={() => {
-              localStorage.removeItem(LocalKey.plan);
-              navigate('/switch-teams');
-            }}
+            onClick={handleSwitchTeams}
             sx={(theme) => ({
               minWidth: 120,
               bgcolor: theme.palette.common.white,

src/renderer/src/routes/SwitchTeams.tsx

@@ -429,21 +429,6 @@ const useSettingsHandlers = () => {
   return ctx;
 };
 
-export const SwitchTeams: React.FC = () => {
-  return (
-    <Box sx={{ width: '100%' }}>
-      <TeamProvider>
-        <>
-          <AppHead />
-          <SettingsProvider>
-            <MainTeamsLayout />
-          </SettingsProvider>
-        </>
-      </TeamProvider>
-    </Box>
-  );
-};
-
 const MainTeamsLayout: React.FC = () => {
   const { openSettingsForTeam, openSettingsForPersonal } =
     useSettingsHandlers();
@@ -470,4 +455,19 @@ const MainTeamsLayout: React.FC = () => {
   );
 };
 
+export const SwitchTeams: React.FC = () => {
+  return (
+    <Box sx={{ width: '100%' }}>
+      <TeamProvider>
+        <>
+          <AppHead />
+          <SettingsProvider>
+            <MainTeamsLayout />
+          </SettingsProvider>
+        </>
+      </TeamProvider>
+    </Box>
+  );
+};
+
 export default SwitchTeams;

src/renderer/src/utils/useHome.ts

@@ -34,7 +34,8 @@ export const useHome = (): HomeResult => {
     if (getGlobal('home')) setHome(false);
   };
   const checkHome = (to: To): void => {
-    const gohome = !to || to === '/' || to === '/team';
+    const gohome =
+      !to || to === '/' || to === '/team' || to === '/switch-teams';
     if (getGlobal('home') !== gohome) setHome(gohome);
   };