fix: hopium badges color & icons
This commit is contained in:
parent
383cdf6f03
commit
543a5a951c
2 changed files with 14 additions and 10 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Reference in a new issue