Initial commit - frontend

src/components/admin/forms/AddClientForm.tsx

@@ -0,0 +1,50 @@
+// 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>
+    </>
+  );
+}