+ {displaySrc && (
+ 
+ )}
+
+
+
+ {!preview && currentSrc &&
+ Current photo kept unless you choose a new one
} +
+
+ );
+};
+
+const ForgotPassword: React.FC<{ onBack: () => void }> = ({ onBack }) => {
+ const [email, setEmail] = useState('');
+ const [sent, setSent] = useState(false);
+ const [loading, setLoading] = useState(false);
+
+ const submit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setLoading(true);
+ await fetch('/api/auth/forgot-password', {
+ method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email }),
+ });
+ setSent(true); setLoading(false);
+ };
+
+ return (
+
+
+ MCDi Management
+Sign in with your board email
+ + +
+
+ );
+};
+
+const ResetPassword: React.FC<{ token: string; onLogin: (token: string, user: User) => void }> = ({ token, onLogin }) => {
+ const [password, setPassword] = useState('');
+ const [confirm, setConfirm] = useState('');
+ const [error, setError] = useState('');
+ const [loading, setLoading] = useState(false);
+
+ const submit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setLoading(true); setError('');
+ try {
+ const data = await fetch('/api/auth/reset-password', {
+ method: 'POST', headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ token, password, confirmPassword: confirm }),
+ }).then(r => r.json().then(d => { if (!r.ok) throw new Error(d.error ?? 'Failed'); return d; }));
+ localStorage.setItem('mcdi_token', data.token);
+ window.history.replaceState({}, '', '/manage');
+ onLogin(data.token, data.user);
+ } catch (err: unknown) {
+ setError(err instanceof Error ? err.message : 'Failed');
+ } finally { setLoading(false); }
+ };
+
+ return (
+
+
+ Reset Password
+ {sent ? ( +
+
+ ) : (
+
+ )}
+ If that email is registered, a reset link has been sent. Check your inbox.
+ +
+
+ );
+};
+
+const ForceChangePassword: React.FC<{ tempToken: string; onLogin: (token: string, user: User) => void }> = ({ tempToken, onLogin }) => {
+ const [password, setPassword] = useState('');
+ const [confirm, setConfirm] = useState('');
+ const [error, setError] = useState('');
+ const [loading, setLoading] = useState(false);
+
+ const submit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setLoading(true); setError('');
+ try {
+ const data = await fetch('/api/auth/change-password', {
+ method: 'POST',
+ headers: { Authorization: `Bearer ${tempToken}`, 'Content-Type': 'application/json' },
+ body: JSON.stringify({ password, confirmPassword: confirm }),
+ }).then(r => r.json().then(d => { if (!r.ok) throw new Error(d.error ?? 'Failed'); return d; }));
+ localStorage.setItem('mcdi_token', data.token);
+ onLogin(data.token, data.user);
+ } catch (err: unknown) {
+ setError(err instanceof Error ? err.message : 'Failed');
+ } finally { setLoading(false); }
+ };
+
+ return (
+
+
+ Set Your Password
+ +
+
+ );
+};
+
+// ── Board tab ─────────────────────────────────────────────────────────────────
+
+const BoardTab: React.FC = () => {
+ const [members, setMembers] = useState
+
+ Welcome to MCDi Management
+Please choose a password to get started.
+ +
+
+ setEditing({ name:'', position:'', email:'', image:'', bio:'', order: members.length })}>+ Add Member
+
+
+ {editing && (
+
+
+ Board Members
+Drag cards to reorder. New members receive a welcome email to set their password.
+