feat(navbar): display currently logged in user name

src/__tests__/shared/components/navbar/Navbar.test.tsx

@@ -170,13 +170,22 @@ describe('Navbar', () => {
   })
 
   describe('account', () => {
-    it('should render an account link list', () => {
+    it("should render a link with the user's identification", () => {
       const wrapper = setup(allPermissions)
       const hospitalRunNavbar = wrapper.find(HospitalRunNavbar)
       const accountLinkList = hospitalRunNavbar.find('.nav-account')
       const { children } = accountLinkList.first().props() as any
 
-      expect(children[0].props.children).toEqual([undefined, 'settings.label'])
+      expect(children[0].props.children).not.toBeUndefined()
+    })
+
+    it('should render a setting link list', () => {
+      const wrapper = setup(allPermissions)
+      const hospitalRunNavbar = wrapper.find(HospitalRunNavbar)
+      const accountLinkList = hospitalRunNavbar.find('.nav-account')
+      const { children } = accountLinkList.first().props() as any
+
+      expect(children[1].props.children).toEqual([undefined, 'settings.label'])
     })
 
     it('should navigate to /settings when the list option is selected', () => {
@@ -187,6 +196,7 @@ describe('Navbar', () => {
 
       act(() => {
         children[0].props.onClick()
+        children[1].props.onClick()
       })
 
       expect(history.location.pathname).toEqual('/settings')

src/shared/components/navbar/Navbar.tsx

@@ -12,7 +12,7 @@ const Navbar = () => {
   const dispatch = useDispatch()
   const history = useHistory()
   const { t } = useTranslator()
-  const { permissions } = useSelector((state: RootState) => state.user)
+  const { permissions, user } = useSelector((state: RootState) => state.user)
 
   const navigateTo = (location: string) => {
     history.push(location)
@@ -98,6 +98,13 @@ const Navbar = () => {
           type: 'link-list-icon',
           alignRight: true,
           children: [
+            {
+              type: 'link',
+              label: `${t('user.login.success')}${user?.givenName} ${user?.familyName}`,
+              onClick: () => {
+                navigateTo('/settings')
+              },
+            },
             {
               type: 'link',
               label: t('settings.label'),

src/shared/locales/enUs/translations/user/index.ts

@@ -13,6 +13,7 @@ export default {
           required: 'Password is required.',
         },
       },
+      success: 'Currently signed in as ',
     },
   },
 }