(layout/user) Fix: Menu status color icons not showing up

This commit is contained in:
Sercan Yemen 2024-06-03 09:36:53 +03:00
parent f0ca953fee
commit 8647b5c762

View File

@ -17,7 +17,7 @@
'bg-green-500': user.status === 'online',
'bg-amber-500': user.status === 'away',
'bg-red-500': user.status === 'busy',
'bg-gray-400': user.status === 'not-visible'
'bg-gray-400': user.status === 'not-visible',
}"
></span>
</span>
@ -56,19 +56,19 @@
<mat-menu class="user-status-menu" #userStatus="matMenu">
<button mat-menu-item (click)="updateUserStatus('online')">
<span class="mr-3 h-4 w-4 rounded-full bg-green-500"></span>
<span class="mr-3 inline-flex h-4 w-4 rounded-full bg-green-500"></span>
<span>Online</span>
</button>
<button mat-menu-item (click)="updateUserStatus('away')">
<span class="mr-3 h-4 w-4 rounded-full bg-amber-500"></span>
<span class="mr-3 inline-flex h-4 w-4 rounded-full bg-amber-500"></span>
<span>Away</span>
</button>
<button mat-menu-item (click)="updateUserStatus('busy')">
<span class="mr-3 h-4 w-4 rounded-full bg-red-500"></span>
<span class="mr-3 inline-flex h-4 w-4 rounded-full bg-red-500"></span>
<span>Busy</span>
</button>
<button mat-menu-item (click)="updateUserStatus('not-visible')">
<span class="mr-3 h-4 w-4 rounded-full bg-gray-400"></span>
<span class="mr-3 inline-flex h-4 w-4 rounded-full bg-gray-400"></span>
<span>Invisible</span>
</button>
</mat-menu>