sinan/plexus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: remove tasks

Browse Source
This commit is contained in:
Sinan
2026-01-18 13:11:51 +01:00
parent 62280265b4
commit 1310d1770a
5 changed files with 15 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
client/src/components/MessageList.vue
View File

@@ -98,39 +98,37 @@ const emit = defineEmits(['view-profile']);
msg.status === 'failed' ? 'bg-red-500/5 border border-red-500/20' : 'hover:bg-white/[0.02]'
]"
>
<!-- Avatar -->
<!-- Avatar - always show for every message -->
<div class="w-10 flex-shrink-0">
<div
v-if="index === 0 || currentMessages[index-1].walletAddress !== msg.walletAddress"
class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm shadow-lg border border-white/10 mt-1 cursor-pointer hover:opacity-80 transition-opacity"
:class="msg.walletAddress === walletAddress ? 'bg-gradient-to-br from-violet-500 to-fuchsia-600' : 'bg-discord-sidebar'"
@click="emit('view-profile', msg.walletAddress)"
>
{{ msg.username?.substring(0, 2).toUpperCase() }}
</div>
<div
v-else
class="w-10 text-[10px] text-crypto-muted opacity-0 group-hover:opacity-100 text-right pr-2 pt-1.5 transition-opacity"
>
{{ formatTime(msg.timestamp) }}
{{ msg.username?.substring(0, 2).toUpperCase() || '??' }}
</div>
</div>
<!-- Content -->
<div class="flex-1 min-w-0">
<div
v-if="index === 0 || currentMessages[index-1].walletAddress !== msg.walletAddress"
class="flex items-center gap-2 mb-1 flex-wrap"
>
<div class="flex items-center gap-2 mb-1 flex-wrap">
<span
:class="['text-sm font-bold hover:underline cursor-pointer', msg.walletAddress === walletAddress ? 'text-violet-400' : 'text-white']"
@click="emit('view-profile', msg.walletAddress)"
>
{{ msg.username }}
{{ msg.username || 'Anonymous' }}
</span>
<!-- Status LED next to username -->
<div
v-if="msg.status"
class="led"
:class="{
'led-orange animate-pulse': msg.status === 'pending',
'led-green': msg.status === 'validated',
'led-red': msg.status === 'failed'
}"
/>
<span class="text-[10px] text-crypto-muted">{{ formatTime(msg.timestamp) }}</span>
</div>
<!-- Message Content & Status -->
@@ -139,7 +137,7 @@ const emit = defineEmits(['view-profile']);
{{ msg.content }}
</div>
<!-- Transaction ID & Status Pill for all messages -->
<!-- Transaction ID (show on hover) -->
<div class="flex items-center gap-2 flex-shrink-0 mt-1">
<span
v-if="msg.txId && msg.status !== 'failed'"
@@ -155,16 +153,6 @@ const emit = defineEmits(['view-profile']);
<Copy v-else size="10" />
</button>
</span>
<div
v-if="msg.status"
class="led"
:class="{
'led-orange animate-pulse': msg.status === 'pending',
'led-green': msg.status === 'validated',
'led-red': msg.status === 'failed'
}"
/>
</div>
</div>