aiolabs/webapp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor ChatComponent and ChatPage for improved readability and maintainability

Browse source 
- Update Badge components in ChatComponent.vue to use new variant props for better styling consistency.
- Simplify ChatPage.vue by removing debug information and authentication checks, directly rendering ChatComponent for a cleaner layout.
This commit is contained in:
padreug 2025-09-05 00:37:06 +02:00
parent 284636dd55
commit 90ef85f4e8
2 changed files with 7 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/modules/chat/components/ChatComponent.vue
View file

@ -13,7 +13,7 @@
Disconnected
</Badge>
<!-- Total unread count -->
<Badge v-if="totalUnreadCount > 0" class="bg-blue-500 text-white text-xs">
<Badge v-if="totalUnreadCount > 0" variant="secondary" class="text-xs">
{{ totalUnreadCount }} unread
</Badge>
</div>
@ -91,7 +91,7 @@
</div>
<!-- Unread message indicator -->
<div v-if="getUnreadCount(peer.pubkey) > 0" class="flex-shrink-0">
<Badge class="bg-blue-500 text-white h-6 w-6 rounded-full p-0 flex items-center justify-center text-xs font-bold">
<Badge variant="default" class="h-6 w-6 rounded-full p-0 flex items-center justify-center text-xs font-bold">
{{ getUnreadCount(peer.pubkey) > 99 ? '99+' : getUnreadCount(peer.pubkey) }}
</Badge>
</div>
@ -133,7 +133,7 @@
Disconnected
</Badge>
<!-- Unread count for current peer -->
<Badge v-if="selectedPeer && getUnreadCount(selectedPeer.pubkey) > 0" class="bg-blue-500 text-white text-xs">
<Badge v-if="selectedPeer && getUnreadCount(selectedPeer.pubkey) > 0" variant="secondary" class="text-xs">
{{ getUnreadCount(selectedPeer.pubkey) }} unread
</Badge>
</div>
@ -198,7 +198,7 @@
Disconnected
</Badge>
<!-- Total unread count -->
<Badge v-if="totalUnreadCount > 0" class="bg-blue-500 text-white text-xs">
<Badge v-if="totalUnreadCount > 0" variant="secondary" class="text-xs">
{{ totalUnreadCount }} unread
</Badge>
</div>
@ -278,7 +278,7 @@
</div>
<!-- Unread message indicator -->
<div v-if="getUnreadCount(peer.pubkey) > 0" class="flex-shrink-0">
<Badge class="bg-blue-500 text-white h-6 w-6 rounded-full p-0 flex items-center justify-center text-xs font-bold">
<Badge variant="default" class="h-6 w-6 rounded-full p-0 flex items-center justify-center text-xs font-bold">
{{ getUnreadCount(peer.pubkey) > 99 ? '99+' : getUnreadCount(peer.pubkey) }}
</Badge>
</div>