feat: Enable bypass of login/logout to allow customized user auth content (#110)

Author: meissadia

src/components/Navbar/Navbar.stories.tsx

@@ -30,3 +30,9 @@ export const LoggedOut: Story = {
     user: { loginHref: '#' }
   }
 };
+
+export const NoUser: Story = {
+  args: {
+    links: ExampleLinks
+  }
+};

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>