app/components/Login.tsx

@@ -1,8 +1,7 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import Settings from './Settings'; // Import the Settings component
 
 const Login: React.FC = () => {
-  
   // State to handle popup visibility
   const [showLoginPopup, setShowLoginPopup] = useState(false);
   const [showSignUpPopup, setShowSignUpPopup] = useState(false);
@@ -17,20 +16,10 @@ const Login: React.FC = () => {
   const [newAccountPassword, setNewAccountPassword] = useState('');
   const [newAccountName, setNewAccountName] = useState('');
 
-  // On component mount, check if there are credentials in localStorage
-  useEffect(() => {
-    const savedAccountName = localStorage.getItem('accountName');
-    const savedAccountEmail = localStorage.getItem('accountEmail');
-    const savedAccountPassword = localStorage.getItem('accountPassword');
-
-    // If credentials are found in localStorage, log the user in
-    if (savedAccountName && savedAccountEmail && savedAccountPassword) {
-      setAccountName(savedAccountName);
-      setEmail(savedAccountEmail);
-      setPassword(savedAccountPassword);
-      setIsLoggedIn(true); // Automatically log in
-    }
-  }, []);
+  // Fixed credentials
+  const fixedEmail = '';
+  const fixedPassword = '';
+  const fixedAccount = '';
 
   // Function to toggle the login popup
   const toggleLoginPopup = () => setShowLoginPopup(!showLoginPopup);
@@ -43,27 +32,22 @@ const Login: React.FC = () => {
 
   // Function to handle login
   const handleLogin = () => {
-    const savedAccountEmail = localStorage.getItem('accountEmail');
-    const savedAccountPassword = localStorage.getItem('accountPassword');
-    const savedAccountName = localStorage.getItem('accountName');
-
-    if ((email === savedAccountEmail || accountName === savedAccountName) && password === savedAccountPassword) {
+    if ((email === fixedEmail || accountName === fixedAccount) && password === fixedPassword) {
       setIsLoggedIn(true); // Successful login
       setShowLoginPopup(false); // Close the login popup
-      // Save credentials to localStorage
-      localStorage.setItem('accountName', savedAccountName || accountName);
-      localStorage.setItem('accountEmail', savedAccountEmail || email);
-      localStorage.setItem('accountPassword', savedAccountPassword || password);
     } else {
       alert('Incorrect credentials');
     }
   };
 
+  const handleLogout = () => {
+    setIsLoggedIn(false);
+    setShowSettingsPopup(false); // Optionally close settings popup on logout
+  };
+
   // Function to handle account creation
   const handleCreateAccount = () => {
-    localStorage.setItem('accountName', newAccountName);
-    localStorage.setItem('accountEmail', newAccountEmail);
-    localStorage.setItem('accountPassword', newAccountPassword);
+    console.log('New Account Created:', newAccountEmail, newAccountPassword);
     alert('Account created successfully! You can now log in.');
     toggleSignUpPopup(); // Close sign-up popup
   };
@@ -116,7 +100,7 @@ const Login: React.FC = () => {
 
             {/* Text for creating an account */}
             <p>
-              Don't have an account yet? Create one{' '}
+              Don't have an account yet? Create one {' '}
               <span
                 style={{ color: 'blue', cursor: 'pointer' }}
                 onClick={toggleSignUpPopup}

app/components/Settings.tsx

@@ -84,15 +84,7 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
     const [anthropic, setAnthropic] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--online-cheap-anthropic').trim());
     const [google, setGoogle] = useState(() => getComputedStyle(document.documentElement).getPropertyValue('--online-cheap-google').trim());
 
-    const [isLoggedIn, setIsLoggedIn] = useState(false);
 
-    const handleLogout = () => {
-      setIsLoggedIn(false);
-      localStorage.removeItem('accountName');
-      localStorage.removeItem('accountEmail');
-      localStorage.removeItem('accountPassword');
-    };
-    
     // Effect hooks to update localStorage whenever any state changes
     useEffect(() => {
       const settings = {
@@ -859,7 +851,6 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
             <div className="settings-option">
               <button
                 onClick={() => {
-                  handleLogout();
                   closeSettings(); // Optionally close settings after logout
                 }}
                 className="logout-button"

py/api.py

@@ -1,4 +1,4 @@
-from flask i                mport Flask, request, jsonify
+from flask import Flask, request, jsonify
 from flask_cors import CORS
 import secrets
 import threading