website cleanup

apps/website/components/drivers/CreateDriverForm.tsx

@@ -4,7 +4,7 @@ import { useState, FormEvent } from 'react';
 import { useRouter } from 'next/navigation';
 import Input from '../ui/Input';
 import Button from '../ui/Button';
-import { Driver } from '@core/racing';
+import { useServices } from '@/lib/services/ServiceProvider';
 
 interface FormErrors {
   name?: string;
@@ -16,12 +16,12 @@ interface FormErrors {
 
 export default function CreateDriverForm() {
   const router = useRouter();
+  const { driverService } = useServices();
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState<FormErrors>({});
   
   const [formData, setFormData] = useState({
     name: '',
-    iracingId: '',
     country: '',
     bio: ''
   });
@@ -33,16 +33,6 @@ export default function CreateDriverForm() {
       newErrors.name = 'Name is required';
     }
     
-    if (!formData.iracingId.trim()) {
-      newErrors.iracingId = 'iRacing ID is required';
-    } else {
-      const driverRepo = getDriverRepository();
-      const exists = await driverRepo.existsByIRacingId(formData.iracingId);
-      if (exists) {
-        newErrors.iracingId = 'This iRacing ID is already registered';
-      }
-    }
-    
     if (!formData.country.trim()) {
       newErrors.country = 'Country is required';
     } else if (!/^[A-Z]{2,3}$/i.test(formData.country)) {
@@ -68,18 +58,21 @@ export default function CreateDriverForm() {
     setLoading(true);
     
     try {
-      const driverRepo = getDriverRepository();
       const bio = formData.bio.trim();
-      
-      const driver = Driver.create({
-        id: crypto.randomUUID(),
-        iracingId: formData.iracingId.trim(),
-        name: formData.name.trim(),
+
+      const displayName = formData.name.trim();
+      const parts = displayName.split(' ').filter(Boolean);
+      const firstName = parts[0] ?? displayName;
+      const lastName = parts.slice(1).join(' ') || 'Driver';
+
+      await driverService.completeDriverOnboarding({
+        firstName,
+        lastName,
+        displayName,
         country: formData.country.trim().toUpperCase(),
         ...(bio ? { bio } : {}),
       });
-      
-      await driverRepo.create(driver);
+
       router.push('/profile');
       router.refresh();
     } catch (error) {
@@ -111,16 +104,16 @@ export default function CreateDriverForm() {
 
       <div>
         <label htmlFor="iracingId" className="block text-sm font-medium text-gray-300 mb-2">
-          iRacing ID *
+          Display Name *
         </label>
         <Input
-          id="iracingId"
+          id="name"
           type="text"
-          value={formData.iracingId}
-          onChange={(e) => setFormData({ ...formData, iracingId: e.target.value })}
-          error={!!errors.iracingId}
-          errorMessage={errors.iracingId}
-          placeholder="123456"
+          value={formData.name}
+          onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+          error={!!errors.name}
+          errorMessage={errors.name}
+          placeholder="Alex Vermeer"
           disabled={loading}
         />
       </div>
@@ -182,4 +175,4 @@ export default function CreateDriverForm() {
       </form>
     </>
   );
-}
+}