Skip to content
Extraits de code Groupes Projets
Valider c6153a35 rédigé par DavePk04's avatar DavePk04
Parcourir les fichiers

fix linting

parent 95b34302
Aucune branche associée trouvée
Aucune étiquette associée trouvée
1 requête de fusion!34Feat/109 status indicator update
......@@ -187,30 +187,28 @@
}
function getUserStatus(user: User, isInConversation: boolean): string {
console.log("status", user.is_active);
if (!user.is_active) {
return 'red';
}
if (isInConversation) {
return 'green';
}
return 'orange';
}
function getUserStatusTooltip(status: string): string {
switch (status) {
case 'green':
return 'User is in this conversation';
case 'orange':
return 'User is connected but not in this conversation';
case 'red':
return 'User is not connected to LL';
default:
return '';
}
}
console.log('status', user.is_active);
if (!user.is_active) {
return 'red';
}
if (isInConversation) {
return 'green';
}
return 'orange';
}
function getUserStatusTooltip(status: string): string {
switch (status) {
case 'green':
return 'User is in this conversation';
case 'orange':
return 'User is connected but not in this conversation';
case 'red':
return 'User is not connected to LL';
default:
return '';
}
}
</script>
<div
......@@ -219,22 +217,24 @@ function getUserStatusTooltip(status: string): string {
class:chat-start={!isSender}
class:chat-end={isSender}
>
<div class="relative rounded-full mx-2 chat-image size-12" title={message.user.nickname}>
<img
src={`https://gravatar.com/avatar/${message.user.emailHash}?d=identicon`}
alt={user.nickname}
class="rounded-full border border-neutral-400 text-sm"
/>
<div
class={`absolute bottom-0 right-0 w-3 h-3 rounded-full border-2 border-white ${
getUserStatus(message.user, true) === 'green' ? 'bg-green-500' :
getUserStatus(message.user, false) === 'orange' ? 'bg-orange-500' :
getUserStatus(message.user, false) === 'red' ? 'bg-red-500' : ''
}`}
></div>
</div>
<div class="relative rounded-full mx-2 chat-image size-12" title={message.user.nickname}>
<img
src={`https://gravatar.com/avatar/${message.user.emailHash}?d=identicon`}
alt={user.nickname}
class="rounded-full border border-neutral-400 text-sm"
/>
<div
class={`absolute bottom-0 right-0 w-3 h-3 rounded-full border-2 border-white ${
getUserStatus(message.user, true) === 'green'
? 'bg-green-500'
: getUserStatus(message.user, false) === 'orange'
? 'bg-orange-500'
: getUserStatus(message.user, false) === 'red'
? 'bg-red-500'
: ''
}`}
></div>
</div>
<div class="chat-bubble text-black" class:bg-blue-50={isSender} class:bg-gray-300={!isSender}>
{#if replyToMessage}
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter