<div class="navigation">
  <div class="navigation__logo-wrapper">
    <a
      class="navigation__logo-link"
      [routerLink]="['/']"
      aria-label="Till startsidan för Mina sidor för fristående aktörer"
    >
      <digi-logo af-system-name="Mina sidor för fristående aktörer" af-color="secondary"></digi-logo>
    </a>
  </div>
  <ul class="navigation__list msfa__hide-on-print" *ngIf="user">
    <li class="navigation__item" *ngIf="myAccountVisible">
      <a routerLink="/mitt-konto" aria-label="Mitt konto" class="navigation__link">
        <ui-icon [uiType]="IconType.USER" [uiSize]="IconSize.L"></ui-icon>
        <span class="navigation__text">{{ user.fullName }}</span>
      </a>
    </li>
    <li *ngIf="selectedOrganization && myOrganizationVisible" class="navigation__item navigation__item--without-link">
      <ui-icon [uiType]="IconType.BUILDING" [uiSize]="IconSize.L"></ui-icon>
      <span class="navigation__text">{{ selectedOrganization.name }}</span>
    </li>
    <!-- <li class="navigation__item">
      <a routerLink="/" class="navigation__link">
        <ui-icon [icon]="iconType.BELL" [uiSize]=IconSize.L></ui-icon>
        <span class="navigation__text">Notiser</span>
      </a>
    </li> -->
  </ul>
</div>
