new model update

This commit is contained in:
sageTheDM 2024-09-27 09:54:38 +02:00
parent 4318b1a9b7
commit 7e85c36ba8
2 changed files with 51 additions and 38 deletions

View file

@ -47,10 +47,13 @@ const Login: React.FC = () => {
const savedAccountPassword = localStorage.getItem('accountPassword');
const savedAccountName = localStorage.getItem('accountName');
if ((email === savedAccountEmail || accountName === savedAccountName) && password === savedAccountPassword) {
if (
(email === savedAccountEmail || accountName === savedAccountName) &&
password === savedAccountPassword
) {
setIsLoggedIn(true); // Successful login
setShowLoginPopup(false); // Close the login popup
// Save credentials to localStorage
// Save credentials to localStorage (optional in case of changes)
localStorage.setItem('accountName', savedAccountName || accountName);
localStorage.setItem('accountEmail', savedAccountEmail || email);
localStorage.setItem('accountPassword', savedAccountPassword || password);
@ -75,7 +78,7 @@ const Login: React.FC = () => {
<div>
{/* Login or Settings Button */}
<button className='header-login-button' onClick={isLoggedIn ? toggleSettingsPopup : toggleLoginPopup}>
{isLoggedIn ? 'Settings' : 'Log In'}
{isLoggedIn ? <img src="" alt="Settings" /> : 'Log In'}
</button>
{/* Conditional rendering of the Login Popup */}
@ -94,8 +97,12 @@ const Login: React.FC = () => {
<input
type="text"
placeholder="Name or Email"
value={email}
onChange={(e) => setEmail(e.target.value)}
value={email || accountName} // Display whichever is set
onChange={(e) => {
const input = e.target.value;
setEmail(input); // Update both email and accountName states
setAccountName(input);
}}
/>
</div>
@ -178,7 +185,7 @@ const Login: React.FC = () => {
)}
{/* Conditional rendering of the Settings Popup */}
{showSettingsPopup && <Settings closeSettings={toggleSettingsPopup} accountName={accountName}/>}
{showSettingsPopup && <Settings closeSettings={toggleSettingsPopup} accountName={accountName} />}
</div>
);
};