packages/components/containers/authentication/UnAuthenticated.tsx

   1 import type { ReactNode } from 'react';
   2 import { useLayoutEffect } from 'react';
   3
   4 import type { ThemeTypes } from '@proton/shared/lib/themes/themes';
   5
   6 import { useTheme } from '../themes/ThemeProvider';
   7
   8 /*
   9  * Meant to wrap portions of ui that we know are for certain only
  10  * rendered if a user visits the app(s) while unauthenticated.
  11  */
  12 const UnAuthenticated = ({ children, theme: maybeTheme }: { children: ReactNode; theme?: ThemeTypes }) => {
  13     const theme = useTheme();
  14
  15     useLayoutEffect(() => {
  16         theme.setThemeSetting();
  17         if (maybeTheme !== undefined) {
  18             theme.setTheme(maybeTheme);
  19         }
  20     }, [maybeTheme]);
  21
  22     return <>{children}</>;
  23 };
  24
  25 export default UnAuthenticated;