Notification Settings Tab

This commit is contained in:
headlesdev 2025-05-24 15:40:08 +02:00
parent f80ea35213
commit 1cd48a8a1e

View File

@ -1,4 +1,3 @@
// components/SettingsPage.tsx
'use client';
import Sidebar from '@/components/Sidebar';
@ -16,6 +15,7 @@ interface SettingsPageProps {
export default function SettingsPage({ username, name, email }: SettingsPageProps) {
const [error, setError] = useState('');
return (
<div>
<Sidebar
@ -30,7 +30,7 @@ export default function SettingsPage({ username, name, email }: SettingsPageProp
<div className="tabs tabs-border pt-8">
<input
type="radio"
name="user_settings"
name="settings_tabs"
className="tab text-primary z-10"
aria-label="User Settings"
defaultChecked
@ -47,6 +47,19 @@ export default function SettingsPage({ username, name, email }: SettingsPageProp
<PasswordSettings onError={setError} />
</div>
</div>
<input
type="radio"
name="settings_tabs"
className="tab text-primary z-10"
aria-label="Notification Settings"
/>
<div className="tab-content relative bg-base-100 pl-4 pt-4">
<div className="absolute -top-[3px] left-6 right-0 h-[2px] bg-stone-800"></div>
<div className="flex flex-col gap-4">
test
</div>
</div>
</div>
</main>
</Sidebar>