made eslint happy

app/components/settings/ButtonSettings.tsx

@@ -6,12 +6,12 @@ interface ButtonSettingProps {
   className?: string; // Optional additional classes for styling
 }
 
-const ButtonSetting: React.FC<ButtonSettingProps> = ({ label, onClick, className }) => {
+const ButtonSetting: React.FC<ButtonSettingProps> = ({ label, onClick }) => {
   return (
     <div className="settings-option">
-      <button 
+      <button
         onClick={onClick} // Call the onClick function when the button is clicked
-        className={className="export-button"} // Apply any additional classes
+        className={"export-button"} // Apply any additional classes
       >
         {label} {/* Display the label on the button */}
       </button>

app/components/settings/DropDownTheme.tsx

@@ -1,41 +1,40 @@
-  // ThemeDropdown.tsx
-  import React from 'react';
-  import { applyTheme, applyCustomTheme } from './theme';
+// ThemeDropdown.tsx
+import React from 'react';
 
-  const ThemeDropdown: React.FC<{
-    selectedTheme: string;
-    setSelectedTheme: (theme: string) => void;
-  }> = ({ selectedTheme, setSelectedTheme }) => {
-    const themeOptions = [
-      { value: 'IOMARKET', label: 'IOMARKET' },
-      { value: 'WHITE', label: 'WHITE' },
-      { value: 'BLACK', label: 'BLACK' },
-      { value: 'BASIC-CUSTOM', label: 'BASIC-CUSTOM' },
-      { value: 'CUSTOM', label: 'CUSTOM' },
-    ];
+const ThemeDropdown: React.FC<{
+  selectedTheme: string;
+  setSelectedTheme: (theme: string) => void;
+}> = ({ selectedTheme, setSelectedTheme }) => {
+  const themeOptions = [
+    { value: 'IOMARKET', label: 'IOMARKET' },
+    { value: 'WHITE', label: 'WHITE' },
+    { value: 'BLACK', label: 'BLACK' },
+    { value: 'BASIC-CUSTOM', label: 'BASIC-CUSTOM' },
+    { value: 'CUSTOM', label: 'CUSTOM' },
+  ];
 
-    return (
-      <div className="settings-option">
-        <p>Select Theme</p>
-        <select
-          value={selectedTheme}
-          onChange={(e) => {
-            const theme = e.target.value;
-            if (theme !== 'default') {
-              setSelectedTheme(theme);
-              localStorage.setItem('selectedTheme', theme); 
-            }
-          }}
-        >
-          <option value="default">Select your style...</option>
-          {themeOptions.map((option) => (
-            <option key={option.value} value={option.value}>
-              {option.label}
-            </option>
-          ))}
-        </select>
-      </div>
-    );
-  };
+  return (
+    <div className="settings-option">
+      <p>Select Theme</p>
+      <select
+        value={selectedTheme}
+        onChange={(e) => {
+          const theme = e.target.value;
+          if (theme !== 'default') {
+            setSelectedTheme(theme);
+            localStorage.setItem('selectedTheme', theme);
+          }
+        }}
+      >
+        <option value="default">Select your style...</option>
+        {themeOptions.map((option) => (
+          <option key={option.value} value={option.value}>
+            {option.label}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
 
-  export default ThemeDropdown;
+export default ThemeDropdown;

app/components/settings/Settings.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { applyTheme, applyCustomTheme } from './theme';
+import { applyTheme } from './theme';
 import { exportSettings, importSettings } from './settingUtils'; // Import utility functions
 import { getAllLocalStorageItems } from '../../backend/GetLocalStorage';
 import ColorSetting from './ColorSettings';
@@ -14,7 +14,6 @@ import {
   changeData,
   createAccount,
   deleteAccount,
-  getData,
 } from '../../backend/database';
 import ThemeDropdown from './DropDownTheme';
 
@@ -35,12 +34,6 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
     return false; // Default to false if item is null or empty
   };
 
-  interface SettingsProps {
-    closeSettings: () => void;
-    accountName: string;
-    handleLogout: () => void; // Add this line to accept handleLogout as a prop
-  }
-
   // Active section
   const [activeSection, setActiveSection] = useState(() => localStorage.getItem('activeSection') || 'general');
 
@@ -65,7 +58,6 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
   const [newName, setNewName] = useState(() => localStorage.getItem('newName') || '');
   const [newEmail, setNewEmail] = useState(() => localStorage.getItem('newEmail') || '');
   const [newPassword, setNewPassword] = useState(() => localStorage.getItem('newPassword') || '');
-  const [currentPassword, setCurrentPassword] = useState('');
 
   // Measurement setting
   const [preferredMeasurement, setPreferredMeasurement] = useState(() => localStorage.getItem('preferredMeasurement') || 'Metric');
@@ -91,7 +83,7 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
   const [inputBorderColor, setInputBorderColor] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--input-border-color').trim());
   const [fontFamily, setFontFamily] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--font-family').trim());
   const [fontSize, setFontSize] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--font-size').trim());
-  const [burgerMenu, setBurgerMenu] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--burger-menu-background-color').trim());
+  const [burgerMenu] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--burger-menu-background-color').trim());
   const [burgerMenuBackgroundColor, setBurgerMenuBackgroundColor] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--burger-menu-background-color').trim());
   const [faqBackgroundColor, setFaqBackgroundColor] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--faq-background-color').trim());
   const [faqHeadingColor, setFaqHeadingColor] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--faq-heading-color').trim());
@@ -122,7 +114,7 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
   const [openai, setOpenai] = useState(localStorage.getItem('openai') || "");
   const [anthropic, setAnthropic] = useState(localStorage.getItem('anthropic') || "");
   const [google, setGoogle] = useState(localStorage.getItem('google') || "");
-  const [myBoolean, setMyBoolean] = useState<boolean | any>(() => getItemFromLocalStorage('myBoolean'));
+  const [myBoolean, setMyBoolean] = useState<boolean>(() => getItemFromLocalStorage('myBoolean'));
 
   const settings = {
     userPreferences: {
@@ -344,9 +336,9 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
 
   // Function to handle updating all credentials
   const handleUpdateCredentials = async () => {
-    var useName = localStorage.getItem("accountName")
-    var useEmail = localStorage.getItem("accountEmail")
-    var usePassword = localStorage.getItem("accountPassword")
+    let useName = localStorage.getItem("accountName")
+    let useEmail = localStorage.getItem("accountEmail")
+    let usePassword = localStorage.getItem("accountPassword")
     if (useName && useEmail && usePassword) {
       await deleteAccount(useName, usePassword)
 
@@ -372,8 +364,8 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
 
   // Function to handle account deletion
   const handleDeleteAccount = async () => {
-    var useName = localStorage.getItem("accountName")
-    var usePassword = localStorage.getItem("accountPassword")
+    const useName = localStorage.getItem("accountName")
+    const usePassword = localStorage.getItem("accountPassword")
     if (useName && usePassword) {
       const success = await deleteAccount(useName, usePassword);
       if (success) {

app/components/settings/settingUtils.ts

@@ -2,14 +2,14 @@
 
 // Method to export localStorage to a JSON object
 export function exportSettings(): string {
-    const settings: { [key: string]: any } = {};
+    const settings: { [key: string]: string } = {};
 
     // Loop through all keys in localStorage and add them to the settings object
     for (let i = 0; i < localStorage.length; i++) {
         const key = localStorage.key(i);
         if (key) {
             if (key !== "accountName" && key !== "accountPassword" && key !== "accountEmail") {
-                settings[key] = localStorage.getItem(key);
+                settings[key] = localStorage.getItem(key) || "";
             }
         }
     }