feat: Enable bypass of login/logout to allow customized user auth con…

…tent (#110)
cfpb · Aug 1, 2023 · 92e644c · 92e644c
1 parent 0512196
commit 92e644c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/components/Navbar/Navbar.stories.tsx b/src/components/Navbar/Navbar.stories.tsx
@@ -30,3 +30,9 @@ export const LoggedOut: Story = {
     user: { loginHref: '#' }
   }
 };
+
+export const NoUser: Story = {
+  args: {
+    links: ExampleLinks
+  }
+};
diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
@@ -1,3 +1,4 @@
+import type { JSXElement } from '~/src/types/jsxElement';
 import CFPBLogo from '../../assets/images/cfpb-logo.png';
 import Link from '../Link/Link';
 import './navbar.less';
@@ -35,11 +36,13 @@ interface UserActionsProperties {
   user?: User;
 }
 
-const UserActions = ({ user }: UserActionsProperties): JSX.Element => {
-  if (!user?.name)
+const UserActions = ({ user }: UserActionsProperties): JSXElement => {
+  if (!user) return null;
+
+  if (!user.name)
     return (
       <div className='user-actions'>
-        <Link href={user?.loginHref} className='nav-item login'>
+        <Link href={user.loginHref} className='nav-item login'>
           LOGIN
         </Link>
       </div>