fix(chart): replace non-existent Upgrade icon with Sparkles

This commit is contained in:
Antigravity
2026-05-23 09:23:39 +00:00
parent 18ffd76c1e
commit a20cee0f63

View File

@@ -4,7 +4,7 @@ import { useState, useEffect } from 'react'
import { createPortal } from 'react-dom' import { createPortal } from 'react-dom'
import { NoteChartFromCode } from './note-chart' import { NoteChartFromCode } from './note-chart'
import { suggestCharts, chartSuggestionToMarkdown, type ChartSuggestion, type SuggestChartsResponse } from '@/lib/ai/services/chart-suggestion.service' import { suggestCharts, chartSuggestionToMarkdown, type ChartSuggestion, type SuggestChartsResponse } from '@/lib/ai/services/chart-suggestion.service'
import { BarChart3, X, Search, AlertCircle, Upgrade } from 'lucide-react' import { BarChart3, X, Search, AlertCircle, Sparkles } from 'lucide-react'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
// Chart type to color mapping for visual variety // Chart type to color mapping for visual variety
@@ -157,7 +157,7 @@ export function ChartSuggestionsDialog({
) : response?.quotaExceeded ? ( ) : response?.quotaExceeded ? (
<div className="flex items-center justify-center py-12"> <div className="flex items-center justify-center py-12">
<div className="text-center max-w-md"> <div className="text-center max-w-md">
<Upgrade className="w-12 h-12 mx-auto mb-4 text-orange-500" /> <Sparkles className="w-12 h-12 mx-auto mb-4 text-orange-500" />
<h3 className="text-lg font-semibold mb-2">AI Quota Exceeded</h3> <h3 className="text-lg font-semibold mb-2">AI Quota Exceeded</h3>
<p className="text-muted-foreground mb-4"> <p className="text-muted-foreground mb-4">
{response.error || 'You have reached your AI usage limit.'} {response.error || 'You have reached your AI usage limit.'}