External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-29 16:14:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Last Login saved & Success Messages

Browse Source
This commit is contained in:
headlesdev
2025-05-17 22:01:37 +02:00
parent 7551b0b494
commit db7af1eba3
3 changed files with 104 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
components/settings/PasswordSettings.tsx
View File

@@ -3,11 +3,13 @@
import { useState } from 'react';
import axios from 'axios';
import Cookies from 'js-cookie';
import SuccessToast from '../Success';
export const PasswordSettings = ({ onError }: { onError: (message: string) => void }) => {
const [oldPassword, setOldPassword] = useState('');
const [password, setPassword] = useState('');
const [passwordConfirm, setPasswordConfirm] = useState('');
const [success, setSuccess] = useState('');
const handleSave = async () => {
if (password !== passwordConfirm) return onError('Passwords do not match');
@@ -23,52 +25,59 @@ export const PasswordSettings = ({ onError }: { onError: (message: string) => vo
if (response.data.message !== 'Password updated successfully') {
onError('Failed to update password');
}
setSuccess('Password updated successfully');
setOldPassword('');
setPassword('');
setPasswordConfirm('');
} catch (error: any) {
onError(error.response?.data?.error || 'An error occurred');
}
};
return (
<div className="w-full bg-base-200 p-4 rounded-2xl border border-stone-800">
<h2 className="text-lg font-bold">Password Settings</h2>
<p className="text-sm opacity-70">Manage your password</p>
<div className="flex flex-col gap-4 pt-8">
<div className="flex flex-col gap-2">
<label htmlFor="oldPassword" className="text-sm font-bold">Old Password</label>
<input
type="password"
id="oldPassword"
value={oldPassword}
onChange={(e) => setOldPassword(e.target.value)}
className="input w-full"
/>
</div>
<div className="flex flex-col gap-2">
<label htmlFor="password" className="text-sm font-bold">Password</label>
<input
type="password"
id="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
className="input w-full"
/>
</div>
<div className="flex flex-col gap-2">
<label htmlFor="passwordConfirm" className="text-sm font-bold">Confirm Password</label>
<input
type="password"
id="passwordConfirm"
value={passwordConfirm}
onChange={(e) => setPasswordConfirm(e.target.value)}
className="input w-full"
/>
<div>
<div className="w-full bg-base-200 p-4 rounded-2xl border border-stone-800">
<h2 className="text-lg font-bold">Password Settings</h2>
<p className="text-sm opacity-70">Manage your password</p>
<div className="flex flex-col gap-4 pt-8">
<div className="flex flex-col gap-2">
<label htmlFor="oldPassword" className="text-sm font-bold">Old Password</label>
<input
type="password"
id="oldPassword"
value={oldPassword}
onChange={(e) => setOldPassword(e.target.value)}
className="input w-full"
/>
</div>
<div className="flex flex-col gap-2">
<label htmlFor="password" className="text-sm font-bold">Password</label>
<input
type="password"
id="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
className="input w-full"
/>
</div>
<div className="flex flex-col gap-2">
<label htmlFor="passwordConfirm" className="text-sm font-bold">Confirm Password</label>
<input
type="password"
id="passwordConfirm"
value={passwordConfirm}
onChange={(e) => setPasswordConfirm(e.target.value)}
className="input w-full"
/>
</div>
</div>
<button className="btn btn-primary mt-8 w-full" onClick={handleSave}>
Save Changes
</button>
</div>
<button className="btn btn-primary mt-8 w-full" onClick={handleSave}>
Save Changes
</button>
<SuccessToast message={success} show={success !== ''} onClose={() => setSuccess('')} />
</div>
);
};