51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
// src/components/admin/AddClientForm.tsx
|
|
'use client';
|
|
import { useState } from 'react';
|
|
import { Button, TextField, DialogContent, DialogActions, Alert } from '@mui/material';
|
|
import api from '@/lib/axios';
|
|
|
|
interface Props {
|
|
onClose: () => void;
|
|
onClientCreated?: () => void;
|
|
}
|
|
|
|
export default function AddClientForm({ onClose, onClientCreated }: Props) {
|
|
const [clientName, setClientName] = useState('');
|
|
const [error, setError] = useState('');
|
|
const [success, setSuccess] = useState('');
|
|
|
|
const handleSubmit = async () => {
|
|
try {
|
|
const res = await api.post('/auth/register/client', { clientName });
|
|
setSuccess(`Client ID: ${res.data.clientId}, Identifier: ${res.data.clientIdentifier}`);
|
|
setClientName('');
|
|
setError('');
|
|
if (onClientCreated) onClientCreated();
|
|
onClose();
|
|
} catch (err: any) {
|
|
setError(err.response?.data?.message || 'Unexpected error');
|
|
setSuccess('');
|
|
}
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<DialogContent>
|
|
<TextField
|
|
fullWidth
|
|
margin="dense"
|
|
label="Client Name"
|
|
value={clientName}
|
|
onChange={(e) => setClientName(e.target.value)}
|
|
/>
|
|
{error && <Alert severity="error" sx={{ mt: 2 }}>{error}</Alert>}
|
|
{success && <Alert severity="success" sx={{ mt: 2 }}>{success}</Alert>}
|
|
</DialogContent>
|
|
<DialogActions>
|
|
<Button onClick={onClose}>Cancel</Button>
|
|
<Button variant="contained" onClick={handleSubmit}>Register</Button>
|
|
</DialogActions>
|
|
</>
|
|
);
|
|
}
|