From 5ccb1e242104a15e6e7caec21409ae1695c9980c Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Sun, 21 Sep 2025 13:29:30 +0700
Subject: [PATCH] Fix ESLint warnings for deployment

---
 src/components/Layout.js      |  2 +-
 src/components/MindmapView.js |  3 ---
 src/components/ToolSidebar.js |  2 +-
 src/pages/Home.js             |  2 +-
 src/pages/ObjectEditor.js     | 10 +++++-----
 5 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/Layout.js b/src/components/Layout.js
index 28da4ac5..80e764e3 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { Link, useLocation } from 'react-router-dom';
-import { Home, Hash, FileText, FileSpreadsheet, Wand2, GitCompare, Menu, X, Database, LinkIcon, Code2, ChevronDown, Type, Edit3 } from 'lucide-react';
+import { Home, Hash, FileSpreadsheet, Wand2, GitCompare, Menu, X, LinkIcon, Code2, ChevronDown, Type, Edit3 } from 'lucide-react';
 import ThemeToggle from './ThemeToggle';
 import ToolSidebar from './ToolSidebar';
 
diff --git a/src/components/MindmapView.js b/src/components/MindmapView.js
index 276b46af..cd2f3af5 100644
--- a/src/components/MindmapView.js
+++ b/src/components/MindmapView.js
@@ -1,7 +1,5 @@
 import React, { useMemo, useCallback } from 'react';
 import ReactFlow, {
-  Node,
-  Edge,
   Controls,
   MiniMap,
   Background,
@@ -20,7 +18,6 @@ import {
   Type, 
   Hash, 
   ToggleLeft, 
-  Calendar,
   FileText,
   Zap,
   Copy,
diff --git a/src/components/ToolSidebar.js b/src/components/ToolSidebar.js
index 65f6a9dd..28964281 100644
--- a/src/components/ToolSidebar.js
+++ b/src/components/ToolSidebar.js
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
-import { Search, FileText, Database, LinkIcon, Hash, FileSpreadsheet, Wand2, GitCompare, Home, ChevronLeft, ChevronRight, Type, Edit3 } from 'lucide-react';
+import { Search, LinkIcon, Hash, FileSpreadsheet, Wand2, GitCompare, Home, ChevronLeft, ChevronRight, Type, Edit3 } from 'lucide-react';
 
 const ToolSidebar = () => {
   const location = useLocation();
diff --git a/src/pages/Home.js b/src/pages/Home.js
index 6222d44c..28651149 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Search, Code, Link2, FileText, Hash, RefreshCw, GitCompare, Database, Type, Edit3 } from 'lucide-react';
+import { Search, Code, Link2, FileText, Hash, RefreshCw, GitCompare, Type, Edit3 } from 'lucide-react';
 import ToolCard from '../components/ToolCard';
 
 const Home = () => {
diff --git a/src/pages/ObjectEditor.js b/src/pages/ObjectEditor.js
index 729e2724..75f52977 100644
--- a/src/pages/ObjectEditor.js
+++ b/src/pages/ObjectEditor.js
@@ -1,5 +1,5 @@
-import React, { useState, useRef } from 'react';
-import { Edit3, Upload, FileText, Download, Copy, Map } from 'lucide-react';
+import React, { useState, useRef, useCallback } from 'react';
+import { Edit3, Upload, FileText, Map } from 'lucide-react';
 import ToolLayout from '../components/ToolLayout';
 import CopyButton from '../components/CopyButton';
 import StructuredEditor from '../components/StructuredEditor';
@@ -258,7 +258,7 @@ const ObjectEditor = () => {
   };
 
   // Generate all output formats
-  const generateOutputs = (data) => {
+  const generateOutputs = useCallback((data) => {
     try {
       const jsonPretty = JSON.stringify(data, null, 2);
       const jsonMinified = JSON.stringify(data);
@@ -272,7 +272,7 @@ const ObjectEditor = () => {
     } catch (err) {
       console.error('Error generating outputs:', err);
     }
-  };
+  }, []);
 
   // Handle file import
   const handleFileImport = (event) => {
@@ -314,7 +314,7 @@ const ObjectEditor = () => {
   // Initialize outputs when component mounts or data changes
   React.useEffect(() => {
     generateOutputs(structuredData);
-  }, [structuredData]);
+  }, [structuredData, generateOutputs]);
 
   return (
     <ToolLayout