forked from React-Group/interstellar_ai
Compare commits
No commits in common. "727c5e540b805e86161d33b56baf035fe9ddac9c" and "2cac162ad6c8a6553b8edb8797aad02411d43ef2" have entirely different histories.
727c5e540b
...
2cac162ad6
6 changed files with 38 additions and 63 deletions
|
@ -11,7 +11,7 @@ const Login: React.FC = () => {
|
||||||
// Credentials state
|
// Credentials state
|
||||||
const [email, setEmail] = useState('');
|
const [email, setEmail] = useState('');
|
||||||
const [password, setPassword] = useState('');
|
const [password, setPassword] = useState('');
|
||||||
const [accountName, setAccountName] = useState('');
|
const [accountName, setAccountName] = useState(''); // Set the account name
|
||||||
const [newAccountEmail, setNewAccountEmail] = useState('');
|
const [newAccountEmail, setNewAccountEmail] = useState('');
|
||||||
const [newAccountPassword, setNewAccountPassword] = useState('');
|
const [newAccountPassword, setNewAccountPassword] = useState('');
|
||||||
const [newAccountName, setNewAccountName] = useState('');
|
const [newAccountName, setNewAccountName] = useState('');
|
||||||
|
@ -27,7 +27,7 @@ const Login: React.FC = () => {
|
||||||
// Function to toggle the sign-up popup
|
// Function to toggle the sign-up popup
|
||||||
const toggleSignUpPopup = () => {
|
const toggleSignUpPopup = () => {
|
||||||
setShowSignUpPopup(!showSignUpPopup);
|
setShowSignUpPopup(!showSignUpPopup);
|
||||||
setShowLoginPopup(false);
|
setShowLoginPopup(false); // Hide login popup when opening the sign-up popup
|
||||||
};
|
};
|
||||||
|
|
||||||
// Function to handle login
|
// Function to handle login
|
||||||
|
@ -40,11 +40,6 @@ const Login: React.FC = () => {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleLogout = () => {
|
|
||||||
setIsLoggedIn(false);
|
|
||||||
setShowSettingsPopup(false); // Optionally close settings popup on logout
|
|
||||||
};
|
|
||||||
|
|
||||||
// Function to handle account creation
|
// Function to handle account creation
|
||||||
const handleCreateAccount = () => {
|
const handleCreateAccount = () => {
|
||||||
console.log('New Account Created:', newAccountEmail, newAccountPassword);
|
console.log('New Account Created:', newAccountEmail, newAccountPassword);
|
||||||
|
@ -58,6 +53,7 @@ const Login: React.FC = () => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{/* Login or Settings Button */}
|
{/* Login or Settings Button */}
|
||||||
|
|
||||||
<button className='header-login-button' onClick={isLoggedIn ? toggleSettingsPopup : toggleLoginPopup}>
|
<button className='header-login-button' onClick={isLoggedIn ? toggleSettingsPopup : toggleLoginPopup}>
|
||||||
{isLoggedIn ? 'Settings' : 'Log In'}
|
{isLoggedIn ? 'Settings' : 'Log In'}
|
||||||
</button>
|
</button>
|
||||||
|
@ -134,7 +130,7 @@ const Login: React.FC = () => {
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Name"
|
placeholder="Name"
|
||||||
value={newAccountName}
|
value={newAccountName}
|
||||||
onChange={(e) => setNewAccountName(e.target.value)}
|
onChange={(e) => setAccountName(e.target.value)}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -19,12 +19,6 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
|
||||||
return false; // Default to false if item is null or empty
|
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
|
// Active section
|
||||||
const [activeSection, setActiveSection] = useState(() => localStorage.getItem('activeSection') || 'general');
|
const [activeSection, setActiveSection] = useState(() => localStorage.getItem('activeSection') || 'general');
|
||||||
|
|
||||||
|
@ -848,16 +842,6 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
|
||||||
onChange={(e) => setNewPassword(e.target.value)}
|
onChange={(e) => setNewPassword(e.target.value)}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="settings-option">
|
|
||||||
<button
|
|
||||||
onClick={() => {
|
|
||||||
closeSettings(); // Optionally close settings after logout
|
|
||||||
}}
|
|
||||||
className="logout-button"
|
|
||||||
>
|
|
||||||
Logout
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
|
@ -20,4 +20,3 @@ export const exportSettings = (settings: any) => {
|
||||||
reader.readAsText(file);
|
reader.readAsText(file);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -1,19 +1,18 @@
|
||||||
import { ReactNode } from 'react';
|
import Header from "./components/Header";
|
||||||
|
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: 'AI Assistant | Interstellar Development',
|
title: 'AI Assistant | Interstellar Development',
|
||||||
description: 'A little AI chat that is able to assist you in little tasks',
|
description: 'A little AI chat that is able to assist you in little tasks',
|
||||||
};
|
}
|
||||||
|
|
||||||
export default function RootLayout({ children }: { children: ReactNode }) {
|
export default function RootLayout({
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
children: React.ReactNode
|
||||||
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
<title>{metadata.title}</title>
|
|
||||||
<meta name="description" content={metadata.description} />
|
|
||||||
{/* Tried adding the favicon here */}
|
|
||||||
<link rel="icon" href="./public/favicon.ico" type="image/x-icon" />
|
|
||||||
</head>
|
|
||||||
<body>
|
<body>
|
||||||
<main>{children}</main>
|
<main>{children}</main>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -7,7 +7,6 @@ import Documentation from './components/Documentation'; // Ensure the import pat
|
||||||
import History from './components/History';
|
import History from './components/History';
|
||||||
import Models from './components/Models';
|
import Models from './components/Models';
|
||||||
import Credits from './components/Credits';
|
import Credits from './components/Credits';
|
||||||
import Head from 'next/head';
|
|
||||||
import './styles/master.css';
|
import './styles/master.css';
|
||||||
|
|
||||||
const LandingPage: React.FC = () => {
|
const LandingPage: React.FC = () => {
|
||||||
|
@ -52,7 +51,6 @@ const LandingPage: React.FC = () => {
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<Header
|
<Header
|
||||||
toggleDivs={toggleDivs}
|
toggleDivs={toggleDivs}
|
||||||
|
@ -76,7 +74,6 @@ const LandingPage: React.FC = () => {
|
||||||
{view === 'Credits' && <Credits />} {/* Now Credits will render properly */}
|
{view === 'Credits' && <Credits />} {/* Now Credits will render properly */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 4.2 KiB |
Loading…
Reference in a new issue