Update notification-settings.tsx

This commit is contained in:
MacRimi
2026-03-17 14:13:39 +01:00
parent 0cb8900374
commit ac71057a3d

View File

@@ -760,6 +760,7 @@ export function NotificationSettings() {
} }
return ( return (
<>
<Card> <Card>
<CardHeader> <CardHeader>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
@@ -1515,34 +1516,35 @@ export function NotificationSettings() {
</CardContent> </CardContent>
</Card> </Card>
{/* AI Provider Information Modal */} {/* AI Provider Information Modal */}
<Dialog open={showProviderInfo} onOpenChange={setShowProviderInfo}> <Dialog open={showProviderInfo} onOpenChange={setShowProviderInfo}>
<DialogContent className="max-w-md"> <DialogContent className="max-w-md">
<DialogHeader> <DialogHeader>
<DialogTitle className="text-base">AI Providers Information</DialogTitle> <DialogTitle className="text-base">AI Providers Information</DialogTitle>
</DialogHeader> </DialogHeader>
<div className="space-y-3 max-h-[60vh] overflow-y-auto pr-1"> <div className="space-y-3 max-h-[60vh] overflow-y-auto pr-1">
{AI_PROVIDERS.map(provider => ( {AI_PROVIDERS.map(provider => (
<div <div
key={provider.value} key={provider.value}
className="p-3 rounded-lg bg-muted/50 border border-border hover:border-muted-foreground/40 transition-colors" className="p-3 rounded-lg bg-muted/50 border border-border hover:border-muted-foreground/40 transition-colors"
> >
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<span className="font-medium text-sm">{provider.label}</span> <span className="font-medium text-sm">{provider.label}</span>
{provider.value === "ollama" && ( {provider.value === "ollama" && (
<Badge variant="outline" className="text-[9px] px-1.5 py-0">Local</Badge> <Badge variant="outline" className="text-[9px] px-1.5 py-0">Local</Badge>
)} )}
</div>
<div className="text-[11px] text-muted-foreground mt-1">
Default model: <code className="text-[10px] bg-muted px-1 py-0.5 rounded font-mono">{provider.model}</code>
</div>
<p className="text-[11px] text-muted-foreground mt-2 leading-relaxed">
{provider.description}
</p>
</div> </div>
<div className="text-[11px] text-muted-foreground mt-1"> ))}
Default model: <code className="text-[10px] bg-muted px-1 py-0.5 rounded font-mono">{provider.model}</code> </div>
</div> </DialogContent>
<p className="text-[11px] text-muted-foreground mt-2 leading-relaxed"> </Dialog>
{provider.description} </>
</p>
</div>
))}
</div>
</DialogContent>
</Dialog>
) )
} }