47 lines
1.8 KiB
TypeScript
47 lines
1.8 KiB
TypeScript
'use client';
|
|
|
|
import { useTranslations } from 'next-intl';
|
|
|
|
export default function CuratorPage() {
|
|
const t = useTranslations('Curator');
|
|
|
|
return (
|
|
<div style={{ padding: '2rem', maxWidth: '400px', margin: '0 auto' }}>
|
|
<h1 style={{ fontSize: '1.5rem', fontWeight: 'bold', marginBottom: '1rem' }}>{t('loginTitle')}</h1>
|
|
<form onSubmit={(e) => e.preventDefault()}>
|
|
<div style={{ marginBottom: '1rem' }}>
|
|
<label style={{ display: 'block', marginBottom: '0.5rem' }}>{t('loginUsername')}</label>
|
|
<input
|
|
type="text"
|
|
placeholder={t('loginUsername')}
|
|
style={{ width: '100%', padding: '0.5rem', border: '1px solid #ccc', borderRadius: '4px' }}
|
|
/>
|
|
</div>
|
|
<div style={{ marginBottom: '1rem' }}>
|
|
<label style={{ display: 'block', marginBottom: '0.5rem' }}>{t('loginPassword')}</label>
|
|
<input
|
|
type="password"
|
|
placeholder={t('loginPassword')}
|
|
style={{ width: '100%', padding: '0.5rem', border: '1px solid #ccc', borderRadius: '4px' }}
|
|
/>
|
|
</div>
|
|
<button
|
|
type="submit"
|
|
style={{
|
|
background: 'var(--primary, #0070f3)',
|
|
color: 'white',
|
|
padding: '0.5rem 1rem',
|
|
border: 'none',
|
|
borderRadius: '4px',
|
|
cursor: 'pointer'
|
|
}}
|
|
>
|
|
{t('loginButton')}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
|