refactored Authentication

2026-02-17 17:02:12 +00:00
parent f80e81c18b
commit 0b8ec1adb5
8 changed files with 274 additions and 2 deletions
@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { toast } from 'sonner';
 import { useClient } from 'hooks/useClient';
 import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
 import { Card } from '@/components/Card';
 import { useForm } from 'hooks/useForm';

@@ -42,11 +43,11 @@ export function Bootstrap() {
          <h2 className="text-2xl font-bold text-duck-dark mb-2">Welcome, Admin</h2>
          <p className="text-sm text-duck-dark/60 mb-6">Enter your email to create your administrator account.</p>
          <form ref={formRef} className="flex gap-2">
-            <input
+            <Input
              type="email"
              name="email"
              placeholder="admin@example.com"
-              className="flex-1 px-4 py-2.5 rounded-lg border-2 border-duck-dark/20 text-sm text-duck-dark placeholder:!text-duck-dark/30 focus:outline-none focus:border-duck-teal/50"
+              className="flex-1 px-4 py-2.5 rounded-lg border-2 border-duck-dark/20 text-sm text-duck-dark focus:outline-none focus:border-duck-teal/50"
            />
            <Button
              onClick={handleBootstrap}