Optimize table loading (#866)

* wip * wip * Ok * Deleted unused code * Fixed lint * Minor fixes * Minor fixes * Minor Fixes * Minor merge fixes * Ok * Fix storybook tests * Removed console.log * Fix login * asd * Fixed storybook * Added await * Fixed await * Added sleep for failing test * Fix sleep * Fix test * Fix tests --------- Co-authored-by: Charles Bochet <charles@twenty.com>
2023-07-25 20:00:15 +02:00
parent c2d6abde65
commit a2ccb643ff
85 changed files with 846 additions and 904 deletions
--- a/front/src/sync-hooks/AuthAutoRouter.tsx
+++ b/front/src/sync-hooks/AuthAutoRouter.tsx
@ -0,0 +1,142 @@
+import { useEffect, useState } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+import { useIsMatchingLocation } from '../hooks/useIsMatchingLocation';
+import { useEventTracker } from '../modules/analytics/hooks/useEventTracker';
+import { useOnboardingStatus } from '../modules/auth/hooks/useOnboardingStatus';
+import { OnboardingStatus } from '../modules/auth/utils/getOnboardingStatus';
+import { AppBasePath } from '../modules/types/AppBasePath';
+import { AppPath } from '../modules/types/AppPath';
+import { PageHotkeyScope } from '../modules/types/PageHotkeyScope';
+import { SettingsPath } from '../modules/types/SettingsPath';
+import { useSetHotkeyScope } from '../modules/ui/hotkey/hooks/useSetHotkeyScope';
+import { TableHotkeyScope } from '../modules/ui/table/types/TableHotkeyScope';
+
+export function AuthAutoRouter() {
+  const navigate = useNavigate();
+  const isMatchingLocation = useIsMatchingLocation();
+
+  const [previousLocation, setPreviousLocation] = useState('');
+
+  const onboardingStatus = useOnboardingStatus();
+
+  const setHotkeyScope = useSetHotkeyScope();
+
+  const location = useLocation();
+
+  const eventTracker = useEventTracker();
+
+  useEffect(() => {
+    if (!previousLocation || previousLocation !== location.pathname) {
+      setPreviousLocation(location.pathname);
+    } else {
+      return;
+    }
+
+    const isMachinOngoingUserCreationRoute =
+      isMatchingLocation(AppPath.SignUp) ||
+      isMatchingLocation(AppPath.SignIn) ||
+      isMatchingLocation(AppPath.Invite) ||
+      isMatchingLocation(AppPath.Verify);
+
+    const isMatchingOnboardingRoute =
+      isMatchingLocation(AppPath.SignUp) ||
+      isMatchingLocation(AppPath.SignIn) ||
+      isMatchingLocation(AppPath.Invite) ||
+      isMatchingLocation(AppPath.Verify) ||
+      isMatchingLocation(AppPath.CreateWorkspace) ||
+      isMatchingLocation(AppPath.CreateProfile);
+
+    if (
+      onboardingStatus === OnboardingStatus.OngoingUserCreation &&
+      !isMachinOngoingUserCreationRoute
+    ) {
+      navigate(AppPath.SignIn);
+    } else if (
+      onboardingStatus === OnboardingStatus.OngoingWorkspaceCreation &&
+      !isMatchingLocation(AppPath.CreateWorkspace)
+    ) {
+      navigate(AppPath.CreateWorkspace);
+    } else if (
+      onboardingStatus === OnboardingStatus.OngoingProfileCreation &&
+      !isMatchingLocation(AppPath.CreateProfile)
+    ) {
+      navigate(AppPath.CreateProfile);
+    } else if (
+      onboardingStatus === OnboardingStatus.Completed &&
+      isMatchingOnboardingRoute
+    ) {
+      navigate('/');
+    }
+
+    switch (true) {
+      case isMatchingLocation(AppPath.CompaniesPage): {
+        setHotkeyScope(TableHotkeyScope.Table, { goto: true });
+        break;
+      }
+      case isMatchingLocation(AppPath.PeoplePage): {
+        setHotkeyScope(TableHotkeyScope.Table, { goto: true });
+        break;
+      }
+      case isMatchingLocation(AppPath.CompanyShowPage): {
+        setHotkeyScope(PageHotkeyScope.CompanyShowPage, { goto: true });
+        break;
+      }
+      case isMatchingLocation(AppPath.PersonShowPage): {
+        setHotkeyScope(PageHotkeyScope.PersonShowPage, { goto: true });
+        break;
+      }
+      case isMatchingLocation(AppPath.OpportunitiesPage): {
+        setHotkeyScope(PageHotkeyScope.OpportunitiesPage, { goto: true });
+        break;
+      }
+      case isMatchingLocation(AppPath.SignIn): {
+        setHotkeyScope(PageHotkeyScope.SignInUp);
+        break;
+      }
+      case isMatchingLocation(AppPath.SignUp): {
+        setHotkeyScope(PageHotkeyScope.SignInUp);
+        break;
+      }
+      case isMatchingLocation(AppPath.Invite): {
+        setHotkeyScope(PageHotkeyScope.SignInUp);
+        break;
+      }
+      case isMatchingLocation(AppPath.CreateProfile): {
+        setHotkeyScope(PageHotkeyScope.CreateProfile);
+        break;
+      }
+      case isMatchingLocation(AppPath.CreateWorkspace): {
+        setHotkeyScope(PageHotkeyScope.CreateWokspace);
+        break;
+      }
+      case isMatchingLocation(SettingsPath.ProfilePage, AppBasePath.Settings): {
+        setHotkeyScope(PageHotkeyScope.ProfilePage, { goto: true });
+        break;
+      }
+      case isMatchingLocation(
+        SettingsPath.WorkspaceMembersPage,
+        AppBasePath.Settings,
+      ): {
+        setHotkeyScope(PageHotkeyScope.WorkspaceMemberPage, { goto: true });
+        break;
+      }
+    }
+
+    eventTracker('pageview', {
+      location: {
+        pathname: location.pathname,
+      },
+    });
+  }, [
+    onboardingStatus,
+    navigate,
+    isMatchingLocation,
+    setHotkeyScope,
+    location,
+    previousLocation,
+    eventTracker,
+  ]);
+
+  return <></>;
+}