RadiantWaveTech/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show active check and last verified date on dashboard license table

Browse Source
This commit is contained in:
NeilClack
2026-09-10 13:18:18 -05:00
parent 0175cab0b4
commit 4979d955c2
1 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(protected)/(user)/dashboard/+page.svelte
+22 -13
View File
@@ -41,6 +41,7 @@
<th class="px-6 py-3 font-semibold">Key</th>
<th class="px-6 py-3 font-semibold">Status</th>
<th class="px-6 py-3 font-semibold">Created</th>
<th class="px-6 py-3 font-semibold">Last verified</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-100">
@@ -48,15 +49,18 @@
<tr class="hover:bg-slate-50">
<td class="px-6 py-4 font-mono text-slate-800">{key.key}</td>
<td class="px-6 py-4">
<span
class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium {key.active
? 'bg-green-100 text-green-700'
: 'bg-slate-100 text-slate-600'}"
>
{key.active ? 'Active' : 'Inactive'}
</span>
{#if key.active}
<span class="text-lg text-green-600" title="Active" aria-label="Active">☑</span>
{:else}
<span class="text-lg text-slate-300" title="Inactive" aria-label="Inactive"
>☐</span
>
{/if}
</td>
<td class="px-6 py-4 text-slate-600">{formatDate(key.createdAt)}</td>
<td class="px-6 py-4 text-slate-600">
{key.lastValidatedAt ? formatDate(key.lastValidatedAt) : 'Never'}
</td>
</tr>
{/each}
</tbody>
@@ -68,15 +72,20 @@
<li class="flex flex-col gap-2 px-4 py-4">
<div class="flex items-center justify-between gap-4">
<span class="min-w-0 font-mono text-sm break-all text-slate-800">{key.key}</span>
<span
class="shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium {key.active
? 'bg-green-100 text-green-700'
: 'bg-slate-100 text-slate-600'}"
>
{key.active ? 'Active' : 'Inactive'}
<span class="shrink-0">
{#if key.active}
<span class="text-lg text-green-600" title="Active" aria-label="Active">☑</span>
{:else}
<span class="text-lg text-slate-300" title="Inactive" aria-label="Inactive"
>☐</span
>
{/if}
</span>
</div>
<span class="text-xs text-slate-500">Created {formatDate(key.createdAt)}</span>
<span class="text-xs text-slate-500">
Last verified {key.lastValidatedAt ? formatDate(key.lastValidatedAt) : 'Never'}
</span>
</li>
{/each}
</ul>