mirror of https://github.com/wg-easy/wg-easy
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
759 B
30 lines
759 B
<template>
|
|
<div class="relative mt-2 h-10 w-10 self-start rounded-full bg-gray-50">
|
|
<BaseAvatar :img="client.avatar" class="h-10 w-10">
|
|
<IconsAvatar class="h-6 w-6 text-gray-300" />
|
|
</BaseAvatar>
|
|
|
|
<div
|
|
v-if="
|
|
isPeerConnected({
|
|
latestHandshakeAt: client.latestHandshakeAt
|
|
? new Date(client.latestHandshakeAt)
|
|
: null,
|
|
})
|
|
"
|
|
>
|
|
<div
|
|
class="absolute -bottom-1 -right-1 h-4 w-4 animate-ping rounded-full bg-red-100 p-1 dark:bg-red-100"
|
|
/>
|
|
<div
|
|
class="absolute bottom-0 right-0 h-2 w-2 rounded-full bg-red-800 dark:bg-red-600"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
client: LocalClient;
|
|
}>();
|
|
</script>
|
|
|