diff --git a/dashboard/src/components/dashboard/GorgiasOverview.jsx b/dashboard/src/components/dashboard/GorgiasOverview.jsx index 63a39e6..c18376b 100644 --- a/dashboard/src/components/dashboard/GorgiasOverview.jsx +++ b/dashboard/src/components/dashboard/GorgiasOverview.jsx @@ -19,13 +19,17 @@ import { Skeleton } from "@/components/ui/skeleton"; import { Clock, Star, - Users, MessageSquare, Mail, Send, Loader2, ArrowUp, ArrowDown, + Zap, + Timer, + BarChart3, + Bot, + ClipboardCheck, } from "lucide-react"; import axios from "axios"; @@ -345,7 +349,7 @@ const GorgiasOverview = () => { title="First Response" value={formatDuration(stats.median_first_response_time?.value)} delta={stats.median_first_response_time?.delta} - icon={Clock} + icon={Zap} colorClass="purple" more_is_better={false} loading={loading} @@ -357,7 +361,7 @@ const GorgiasOverview = () => { value={stats.total_one_touch_tickets?.value} delta={stats.total_one_touch_tickets?.delta} suffix="%" - icon={MessageSquare} + icon={BarChart3} colorClass="indigo" loading={loading} /> @@ -381,7 +385,8 @@ const GorgiasOverview = () => { value={satisfactionStats.response_rate?.value} delta={satisfactionStats.response_rate?.delta} suffix="%" - colorClass="orange" + icon={ClipboardCheck} + colorClass="pink" loading={loading} /> @@ -390,7 +395,7 @@ const GorgiasOverview = () => { title="Resolution Time" value={formatDuration(stats.median_resolution_time?.value)} delta={stats.median_resolution_time?.delta} - icon={Clock} + icon={Timer} colorClass="teal" more_is_better={false} loading={loading} @@ -402,6 +407,7 @@ const GorgiasOverview = () => { value={selfServiceStats.self_service_automation_rate?.value} delta={selfServiceStats.self_service_automation_rate?.delta} suffix="%" + icon={Bot} colorClass="cyan" loading={loading} />