From 66b728bb8f99daa6bc5a09c11883d70e5fc9d8c7 Mon Sep 17 00:00:00 2001
From: Mavis Bot <mavis-bot@mini.max>
Date: Wed, 5 Aug 2026 10:58:41 +0000
Subject: [PATCH] fix: replace alert with inline error in Analytics export
 failure

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

diff --git a/frontend/src/pages/Analytics.jsx b/frontend/src/pages/Analytics.jsx
index 5b21e3d4..2ee9e706 100644
--- a/frontend/src/pages/Analytics.jsx
+++ b/frontend/src/pages/Analytics.jsx
@@ -24,6 +24,7 @@ export default function Analytics() {
   const [error, setError] = useState("");
   const [hoveredBar, setHoveredBar] = useState(null);
   const [hoveredPoint, setHoveredPoint] = useState(null);
+  const [imageExportError, setImageExportError] = useState("");
 
   const fetchAnalytics = async () => {
     try {
@@ -118,7 +119,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");
+      setImageExportError("Failed to export dashboard as image");
     }
   };
 
@@ -266,6 +267,9 @@ export default function Analytics() {
             Export PNG
           </button>
         </div>
+        {imageExportError && (
+          <p className="text-sm text-red-500 w-full md:w-auto">{imageExportError}</p>
+        )}
       </header>
 
       {/* Grid of Key Metrics */}