fix: hopium badges color & icons

This commit is contained in:
Face 2025-05-28 16:52:46 +03:00
parent 383cdf6f03
commit 543a5a951c
2 changed files with 14 additions and 10 deletions

View file

@ -20,7 +20,9 @@
Globe, Globe,
Loader2, Loader2,
CheckCircle, CheckCircle,
XCircle XCircle,
CheckIcon,
XIcon
} from 'lucide-svelte'; } from 'lucide-svelte';
import { USER_DATA } from '$lib/stores/user-data'; import { USER_DATA } from '$lib/stores/user-data';
import { PORTFOLIO_DATA, fetchPortfolioData } from '$lib/stores/portfolio-data'; import { PORTFOLIO_DATA, fetchPortfolioData } from '$lib/stores/portfolio-data';
@ -225,14 +227,16 @@
<div class="flex flex-col items-end gap-2"> <div class="flex flex-col items-end gap-2">
{#if question.status === 'RESOLVED'} {#if question.status === 'RESOLVED'}
<Badge <Badge
variant={question.aiResolution ? 'default' : 'destructive'} variant="destructive"
class="flex flex-shrink-0 items-center gap-1" class="flex flex-shrink-0 items-center gap-1 {question.aiResolution
? 'bg-success/80!'
: ''}"
> >
{#if question.aiResolution} {#if question.aiResolution}
<CheckCircle class="h-3 w-3" /> <CheckIcon class="h-3 w-3" />
YES YES
{:else} {:else}
<XCircle class="h-3 w-3" /> <XIcon class="h-3 w-3" />
NO NO
{/if} {/if}
</Badge> </Badge>

View file

@ -11,12 +11,12 @@
import UserProfilePreview from '$lib/components/self/UserProfilePreview.svelte'; import UserProfilePreview from '$lib/components/self/UserProfilePreview.svelte';
import { import {
Loader2, Loader2,
CheckCircle,
XCircle,
Calculator, Calculator,
History, History,
ChartColumn, ChartColumn,
MessageCircleQuestion MessageCircleQuestion,
CheckIcon,
XIcon
} from 'lucide-svelte'; } from 'lucide-svelte';
import { USER_DATA } from '$lib/stores/user-data'; import { USER_DATA } from '$lib/stores/user-data';
import { PORTFOLIO_DATA, fetchPortfolioData } from '$lib/stores/portfolio-data'; import { PORTFOLIO_DATA, fetchPortfolioData } from '$lib/stores/portfolio-data';
@ -231,10 +231,10 @@
{#if question.status === 'RESOLVED'} {#if question.status === 'RESOLVED'}
<Badge variant="destructive" class={question.aiResolution ? 'bg-success/80!' : ''}> <Badge variant="destructive" class={question.aiResolution ? 'bg-success/80!' : ''}>
{#if question.aiResolution} {#if question.aiResolution}
<CheckCircle class="h-4 w-4" /> <CheckIcon class="h-4 w-4" />
RESOLVED: YES RESOLVED: YES
{:else} {:else}
<XCircle class="h-4 w-4" /> <XIcon class="h-4 w-4" />
RESOLVED: NO RESOLVED: NO
{/if} {/if}
</Badge> </Badge>