fix: the user info in navigation return empty string after refreshing…

… the token

app/components/sy-topnav/component.js

@@ -12,4 +12,23 @@ export default class SyTopnav extends Component {
   get navMobile() {
     return this.media.isMo || this.media.isXs || this.media.isSm;
   }
+
+  /**
+   * TODO:
+   * i don't know if it's an issue in `ember-simple-auth` or `ember-simple-auth-oidc`
+   * or it's maybe wrong configration from Timed frontend side,
+   * BUT after refreshing the token, the session service is not encapsulating the reslts from keycloak
+   * inside ember data model, so i add this small.
+   *
+   * if the issue is fixed, change everything in app/abilities/report.js that belongs to `this.user?.id`
+   */
+  get fullName() {
+    const fullName = this.session.data.user?.fullName;
+    if (fullName) return fullName;
+
+    if (!this.session.data.user?.attributes) return "";
+
+    const userAttributes = this.session.data.user.attributes;
+    return `${userAttributes["first-name"]} ${userAttributes["last-name"]}`;
+  }
 }

app/components/sy-topnav/template.hbs

@@ -61,7 +61,7 @@
       <li class="nav-top-list-item">
         <LinkTo @route="users.edit" @model={{this.session.data.user.id}}>
           <FaIcon @icon="user" />
-          {{this.session.data.user.fullName}}
+          {{this.fullName}}
         </LinkTo>
       </li>
       <li class="nav-top-list-item">