dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update primary color palette (#497)

Browse source
This commit is contained in:
Jeremy 2024-11-06 19:12:46 +03:00 • committed by GitHub
parent b5c165714b
commit d948b99719
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 180 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

9
components/custom/model-selector.tsx
View file

@ -1,6 +1,5 @@
'use client';
import { Check, ChevronDown } from 'lucide-react';
import { startTransition, useMemo, useOptimistic, useState } from 'react';
import { models } from '@/ai/models';
@ -14,7 +13,7 @@ import {
} from '@/components/ui/dropdown-menu';
import { cn } from '@/lib/utils';
import { ChevronDownIcon } from './icons';
import { CheckCirclFillIcon, ChevronDownIcon } from './icons';
export function ModelSelector({
selectedModelId,
@ -57,7 +56,7 @@ export function ModelSelector({
saveModelId(model.id);
});
}}
className="gap-4 group/item"
className="gap-4 group/item flex flex-row justify-between items-center"
data-active={model.id === optimisticModelId}
>
<div className="flex flex-col gap-1 items-start">
@ -68,7 +67,9 @@ export function ModelSelector({
</div>
)}
</div>
<Check className="size-4 ml-auto opacity-0 group-data-[active=true]/item:opacity-100" />
<div className="text-primary dark:text-primary-foreground opacity-0 group-data-[active=true]/item:opacity-100">
<CheckCirclFillIcon />
</div>
</DropdownMenuItem>
))}
</DropdownMenuContent>