chore: apply project-wide formatting and UI library updates
Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
@@ -246,35 +246,33 @@
|
||||
<div class="font-medium">
|
||||
{formatBookingDateTime(b.start_time)}
|
||||
</div>
|
||||
<div class="mt-1 flex items-center gap-2 text-xs text-gray-500">
|
||||
<span class={getStatusClasses(b.status)}>
|
||||
<span class={getStatusDotClasses(b.status)}></span>
|
||||
{b.status}
|
||||
</span>
|
||||
{#if b.deposit_required}
|
||||
{#if b.status === 'pending'}
|
||||
<span
|
||||
class="inline-flex items-center rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800"
|
||||
>
|
||||
Will Require Deposit
|
||||
</span>
|
||||
{:else if ['confirmed', 'in_progress', 'completed'].includes(b.status)}
|
||||
<span
|
||||
class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium
|
||||
{b.deposit_paid
|
||||
? 'bg-green-100 text-green-800'
|
||||
: 'bg-orange-100 text-orange-800'}"
|
||||
>
|
||||
{b.deposit_paid ? 'Deposit Paid' : 'Deposit Due'}
|
||||
</span>
|
||||
{/if}
|
||||
<div class="mt-1 flex items-center gap-2 text-xs text-gray-500">
|
||||
<span class={getStatusClasses(b.status)}>
|
||||
<span class={getStatusDotClasses(b.status)}></span>
|
||||
{b.status}
|
||||
</span>
|
||||
{#if b.deposit_required}
|
||||
{#if b.status === 'pending'}
|
||||
<span
|
||||
class="inline-flex items-center rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800"
|
||||
>
|
||||
Will Require Deposit
|
||||
</span>
|
||||
{:else if ['confirmed', 'in_progress', 'completed'].includes(b.status)}
|
||||
<span
|
||||
class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium
|
||||
{b.deposit_paid ? 'bg-green-100 text-green-800' : 'bg-orange-100 text-orange-800'}"
|
||||
>
|
||||
{b.deposit_paid ? 'Deposit Paid' : 'Deposit Due'}
|
||||
</span>
|
||||
{/if}
|
||||
<span>• {b.user?.full_name || 'Unknown User'}</span>
|
||||
<span>
|
||||
- {formatServices(b.services)}
|
||||
</span>
|
||||
</div>
|
||||
{/if}
|
||||
<span>• {b.user?.full_name || 'Unknown User'}</span>
|
||||
<span>
|
||||
- {formatServices(b.services)}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<Button variant="outline" onclick={() => openBookingModal(b.id)}>View</Button>
|
||||
</div>
|
||||
{/each}
|
||||
|
||||
Reference in New Issue
Block a user