Update icons/colors on cards

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}
             />
           </div>
@@ -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}
             />