From ce1a353e09726955ba174633f7acfd0a7d6c5ca9 Mon Sep 17 00:00:00 2001
From: Mavis Bot <mavis-bot@mini.max>
Date: Tue, 4 Aug 2026 23:04:56 +0000
Subject: [PATCH] fix: replaced alert with inline error in Analytics.jsx image
 export

---
 frontend/src/pages/Analytics.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/Analytics.jsx b/frontend/src/pages/Analytics.jsx
index 5b21e3d4..f4b65397 100644
--- a/frontend/src/pages/Analytics.jsx
+++ b/frontend/src/pages/Analytics.jsx
@@ -22,6 +22,7 @@ export default function Analytics() {
   const [stats, setStats] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState("");
+  const [exportError, setExportError] = useState("");
   const [hoveredBar, setHoveredBar] = useState(null);
   const [hoveredPoint, setHoveredPoint] = useState(null);
 
@@ -95,6 +96,7 @@ export default function Analytics() {
 
   // Image Export Handler
   const exportToImage = async () => {
+    setExportError("");
     const element = document.getElementById("analytics-dashboard-content");
     if (!element) return;
     try {
@@ -118,7 +120,7 @@ export default function Analytics() {
       document.body.removeChild(link);
     } catch (err) {
       console.error("Failed to export image:", err);
-      alert("Failed to export dashboard as image");
+      setExportError("Failed to export dashboard as image");
     }
   };
 
@@ -266,6 +268,9 @@ export default function Analytics() {
             Export PNG
           </button>
         </div>
+        {exportError && (
+          <p className="text-sm text-red-500 w-full">{exportError}</p>
+        )}
       </header>
 
       {/* Grid of Key Metrics */}