visualise your own emoji reactions

This commit is contained in:
Chneemann 2024-06-02 18:56:54 +02:00
parent 468cd0ea17
commit ccc932e182

View file

@ -26,7 +26,6 @@
[ngStyle]="{ [ngStyle]="{
left: user.id === userService.getCurrentUserId() ? 'unset' : '', left: user.id === userService.getCurrentUserId() ? 'unset' : '',
right: user.id === userService.getCurrentUserId() ? '20px' : '', right: user.id === userService.getCurrentUserId() ? '20px' : '',
}" }"
></app-emoji-picker> ></app-emoji-picker>
} }
@ -35,6 +34,10 @@
@if (reaction.id) { @if (reaction.id) {
<div <div
class="emoji" class="emoji"
[ngStyle]="{
'background-color':
reaction.userId == userService.getCurrentUserId() ? '#c7cafc' : ''
}"
(click)="toggleEmoji(reaction.id)" (click)="toggleEmoji(reaction.id)"
(mousemove)="openDialog(reaction.id, $event)" (mousemove)="openDialog(reaction.id, $event)"
(mouseleave)="closeDialog()" (mouseleave)="closeDialog()"