This commit is contained in:
Face 2025-06-02 12:23:40 +03:00
commit 1a96ff8802
2 changed files with 33 additions and 33 deletions

View file

@ -274,7 +274,7 @@
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<Clock class="h-3 w-3" /> <Clock class="h-3 w-3" />
{#if question.status === 'ACTIVE'} {#if question.status === 'ACTIVE'}
{formatTimeUntil(question.resolutionDate)} remaining {formatTimeUntil(question.resolutionDate).startsWith('Ended') ? 'Resolving' : `${formatTimeUntil(question.resolutionDate)} remaining`}
{:else} {:else}
Resolved {formatDateWithYear(question.resolvedAt || '')} Resolved {formatDateWithYear(question.resolvedAt || '')}
{/if} {/if}

View file

@ -226,7 +226,7 @@
<h1 class="text-2xl font-semibold">{question.question}</h1> <h1 class="text-2xl font-semibold">{question.question}</h1>
{#if question.status === 'ACTIVE'} {#if question.status === 'ACTIVE'}
<p class="text-muted-foreground mt-1 text-sm"> <p class="text-muted-foreground mt-1 text-sm">
Ends in {formatTimeUntil(question.resolutionDate)} {formatTimeUntil(question.resolutionDate).startsWith('Ended') ? 'Resolving' : `Ends in ${formatTimeUntil(question.resolutionDate)}`}
</p> </p>
{/if} {/if}
@ -315,32 +315,32 @@
<Card.Content class="space-y-6"> <Card.Content class="space-y-6">
<!-- YES/NO Buttons --> <!-- YES/NO Buttons -->
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-4">
<Button <Button
class={betSide class={betSide
? 'bg-success/80 hover:bg-success/90 w-full' ? 'bg-success/80 hover:bg-success/90 w-full'
: 'bg-muted hover:bg-muted/90 w-full'} : 'bg-muted hover:bg-muted/90 w-full'}
size="lg" size="lg"
onclick={() => (betSide = true)} onclick={() => (betSide = true)}
disabled={question.aiResolution !== null} disabled={question.aiResolution !== null}
> >
<div class="flex items-baseline gap-2"> <div class="flex items-baseline gap-2 w-full min-w-0">
<span class="text-xl font-bold">YES</span> <span class="text-xl font-bold truncate">YES</span>
<span class="text-sm">{question.yesPercentage.toFixed(1)}¢</span> <span class="text-sm truncate">{question.yesPercentage.toFixed(1)}¢</span>
</div> </div>
</Button> </Button>
<Button <Button
class={!betSide class={!betSide
? 'bg-destructive hover:bg-destructive/90 w-full' ? 'bg-destructive hover:bg-destructive/90 w-full'
: 'bg-muted hover:bg-muted/90 w-full'} : 'bg-muted hover:bg-muted/90 w-full'}
size="lg" size="lg"
onclick={() => (betSide = false)} onclick={() => (betSide = false)}
disabled={question.aiResolution !== null} disabled={question.aiResolution !== null}
> >
<div class="flex items-baseline gap-2"> <div class="flex items-baseline gap-2 w-full min-w-0">
<span class="text-xl font-bold">NO</span> <span class="text-xl font-bold truncate">NO</span>
<span class="text-sm">{question.noPercentage.toFixed(1)}¢</span> <span class="text-sm truncate">{question.noPercentage.toFixed(1)}¢</span>
</div> </div>
</Button> </Button>
</div> </div>
<!-- Amount Input --> <!-- Amount Input -->
@ -356,10 +356,10 @@
</div> </div>
<!-- Quick Amount Buttons --> <!-- Quick Amount Buttons -->
<div class="flex gap-2"> <div class="flex flex-wrapper gap-2">
<Button <Button
variant="outline" variant="outline"
class="flex-1" class="flex-1 truncate"
onclick={() => (customBetAmount = '1')} onclick={() => (customBetAmount = '1')}
disabled={question.aiResolution !== null} disabled={question.aiResolution !== null}
> >
@ -367,7 +367,7 @@
</Button> </Button>
<Button <Button
variant="outline" variant="outline"
class="flex-1" class="flex-1 truncate"
onclick={() => (customBetAmount = '20')} onclick={() => (customBetAmount = '20')}
disabled={question.aiResolution !== null} disabled={question.aiResolution !== null}
> >
@ -375,7 +375,7 @@
</Button> </Button>
<Button <Button
variant="outline" variant="outline"
class="flex-1" class="flex-1 truncate"
onclick={() => (customBetAmount = '100')} onclick={() => (customBetAmount = '100')}
disabled={question.aiResolution !== null} disabled={question.aiResolution !== null}
> >
@ -383,7 +383,7 @@
</Button> </Button>
<Button <Button
variant="outline" variant="outline"
class="flex-1" class="flex-1 truncate"
onclick={() => (customBetAmount = userBalance.toString())} onclick={() => (customBetAmount = userBalance.toString())}
disabled={question.aiResolution !== null} disabled={question.aiResolution !== null}
> >