feat: move to recent on workspace change and reset state data

Author: alexnm

packages/app/src/app/overmind/actions.ts

@@ -516,7 +516,13 @@ export const setActiveTeam = async (
 
   state.activeTeam = id;
   effects.browser.storage.set(TEAM_ID_LOCAL_STORAGE, id);
-  state.dashboard.sandboxes = DEFAULT_DASHBOARD_SANDBOXES;
+
+  // Clear sandboxes and repositories
+  state.dashboard.sandboxes = {
+    ...DEFAULT_DASHBOARD_SANDBOXES,
+  };
+  state.dashboard.contributions = null;
+  state.dashboard.repositories = null;
 
   actions.internal.replaceWorkspaceParameterInUrl();
 

packages/app/src/app/pages/Dashboard/Sidebar/index.tsx

@@ -48,14 +48,21 @@ export const Sidebar: React.FC<SidebarProps> = ({
   onSidebarToggle,
   ...props
 }) => {
+  const history = useHistory();
   const state = useAppState();
   const actions = useActions();
   const [activeAccount, setActiveAccount] = useState<{
     id: string;
     name: string;
     avatarUrl: string;
   } | null>(null);
-  const { dashboard, activeTeam, activeTeamInfo, user } = state;
+  const {
+    dashboard,
+    activeTeam,
+    activeTeamInfo,
+    user,
+    personalWorkspaceId,
+  } = state;
 
   React.useEffect(() => {
     actions.dashboard.getAllFolders();
@@ -65,7 +72,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
     if (state.activeTeam) {
       const team = dashboard.teams.find(({ id }) => id === state.activeTeam);
       if (team) {
-        const isPersonalWorkspace = team.id === state.personalWorkspaceId;
+        const isPersonalWorkspace = team.id === personalWorkspaceId;
         setActiveAccount({
           id: team.id,
           name: team.name,
@@ -152,6 +159,8 @@ export const Sidebar: React.FC<SidebarProps> = ({
                   actions.setActiveTeam({
                     id: workspace.id,
                   });
+
+                  history.replace(dashboardUrls.recent(workspace.id));
                 }}
                 activeAccount={activeAccount}
               />
@@ -199,12 +208,14 @@ export const Sidebar: React.FC<SidebarProps> = ({
               Repositories
             </Text>
           </Element>
-          <RowItem
-            name="My contributions"
-            page="my-contributions"
-            path={dashboardUrls.myContributions(activeTeam)}
-            icon="contribution"
-          />
+          {activeTeam === personalWorkspaceId && (
+            <RowItem
+              name="My contributions"
+              page="my-contributions"
+              path={dashboardUrls.myContributions(activeTeam)}
+              icon="contribution"
+            />
+          )}
           <RowItem
             name="All repositories"
             page="repositories"