36 lines
1.1 KiB
HTML
36 lines
1.1 KiB
HTML
<div class="tw-mr-[5px] tw-mt-1">
|
|
<button
|
|
*ngIf="currentAccount$ | async as currentAccount; else defaultButton"
|
|
type="button"
|
|
class="tw-rounded-full hover:tw-outline hover:tw-outline-1 hover:tw-outline-offset-1"
|
|
(click)="currentAccountClicked()"
|
|
>
|
|
<span class="tw-sr-only">{{ "switchAccounts" | i18n }}:</span>
|
|
<span class="tw-sr-only"> {{ "activeAccount" | i18n }} {{ currentAccount.email }}</span>
|
|
<bit-avatar
|
|
[id]="currentAccount.id"
|
|
[text]="currentAccount.name"
|
|
[color]="currentAccount.avatarColor"
|
|
size="small"
|
|
aria-hidden="true"
|
|
class="[&>img]:tw-block"
|
|
></bit-avatar>
|
|
</button>
|
|
<ng-template #defaultButton>
|
|
<button
|
|
type="button"
|
|
routerLink="/account-switcher"
|
|
class="tw-rounded-full hover:tw-outline hover:tw-outline-1 hover:tw-outline-offset-1"
|
|
>
|
|
<span class="tw-sr-only">{{ "switchAccounts" | i18n }}</span>
|
|
<bit-avatar
|
|
[text]="'…'"
|
|
[color]="'#6795E8'"
|
|
size="small"
|
|
aria-hidden="true"
|
|
class="[&>img]:tw-block"
|
|
></bit-avatar>
|
|
</button>
|
|
</ng-template>
|
|
</div>
|