diff --git a/packages/twenty-front/src/modules/app/components/LazyRoute.tsx b/packages/twenty-front/src/modules/app/components/LazyRoute.tsx index 15a942a6110..0b49a0b7de7 100644 --- a/packages/twenty-front/src/modules/app/components/LazyRoute.tsx +++ b/packages/twenty-front/src/modules/app/components/LazyRoute.tsx @@ -4,6 +4,7 @@ import { PageContentSkeletonLoader } from '~/loading/components/PageContentSkele type LazyRouteProps = { children: ReactNode; + fallback?: ReactNode; }; const LazyRouteFallback = () => ( @@ -12,6 +13,7 @@ const LazyRouteFallback = () => ( ); -export const LazyRoute = ({ children }: LazyRouteProps) => ( - }>{children} -); +export const LazyRoute = ({ + children, + fallback = , +}: LazyRouteProps) => {children}; diff --git a/packages/twenty-front/src/modules/app/hooks/useCreateAppRouter.tsx b/packages/twenty-front/src/modules/app/hooks/useCreateAppRouter.tsx index 7cfa4cd001b..7fb09204b0c 100644 --- a/packages/twenty-front/src/modules/app/hooks/useCreateAppRouter.tsx +++ b/packages/twenty-front/src/modules/app/hooks/useCreateAppRouter.tsx @@ -124,7 +124,7 @@ export const useCreateAppRouter = ( + } @@ -132,7 +132,7 @@ export const useCreateAppRouter = ( + } @@ -140,7 +140,7 @@ export const useCreateAppRouter = ( + } @@ -148,7 +148,7 @@ export const useCreateAppRouter = ( + } @@ -156,7 +156,7 @@ export const useCreateAppRouter = ( + } @@ -164,7 +164,7 @@ export const useCreateAppRouter = ( + } @@ -172,7 +172,7 @@ export const useCreateAppRouter = ( + } @@ -180,7 +180,7 @@ export const useCreateAppRouter = ( + } @@ -188,7 +188,7 @@ export const useCreateAppRouter = ( + } @@ -196,7 +196,7 @@ export const useCreateAppRouter = ( + } @@ -204,7 +204,7 @@ export const useCreateAppRouter = ( + } diff --git a/packages/twenty-front/src/modules/auth/components/AuthModal.tsx b/packages/twenty-front/src/modules/auth/components/AuthModal.tsx index 72afad4e5a5..7107efdc97b 100644 --- a/packages/twenty-front/src/modules/auth/components/AuthModal.tsx +++ b/packages/twenty-front/src/modules/auth/components/AuthModal.tsx @@ -9,7 +9,10 @@ import { useLocation } from 'react-router-dom'; const StyledContent = styled.div` align-items: center; + display: flex; + flex-direction: column; justify-content: center; + min-height: 320px; `; type AuthModalProps = {