1 files changed, 7 insertions, 3 deletions
diff --git a/opendc-web/opendc-web-ui/src/containers/auth/ProfileName.js b/opendc-web/opendc-web-ui/src/containers/auth/ProfileName.js
index 291c0068..cbbe42b4 100644
--- a/opendc-web/opendc-web-ui/src/containers/auth/ProfileName.js
+++ b/opendc-web/opendc-web-ui/src/containers/auth/ProfileName.js
@@ -1,9 +1,13 @@
 import React from 'react'
-import { useSelector } from 'react-redux'
+import { useUser } from '../../auth/hook'
 
 function ProfileName() {
-    const name = useSelector((state) => `${state.auth.givenName} ${state.auth.familyName}`)
-    return <span>{name}</span>
+    const user = useUser()
+    return (
+        <span>
+            {user.givenName} {user.familyName}
+        </span>
+    )
 }
 
 export default ProfileName