radius

2024-04-22 09:39:55 -05:00
commit be1599a8cb
50 changed files with 4276 additions and 0 deletions
@@ -0,0 +1,68 @@
+'use client'
+
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useForm } from 'react-hook-form'
+import { z } from 'zod'
+
+import { Button } from '@/components/ui/button'
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+
+import { Input } from '@/components/ui/input'
+import { Separator } from '@/components/ui/separator'
+import { Textarea } from '@/components/ui/textarea'
+import { Save } from 'lucide-react'
+import { useState } from 'react'
+import { toast } from 'sonner'
+
+const formSchema = z.object({
+  backgroundImage: z.string(),
+  description: z.string()
+})
+
+export default function Settings() {
+  const [submitting, setSubmitting] = useState(false)
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      backgroundImage: ''
+    }
+  })
+
+  function onSubmit(values: z.infer<typeof formSchema>) {
+    setSubmitting(true)
+
+    setTimeout(() => {
+      setSubmitting(false)
+      toast.success('Settings saved')
+    }, 1000)
+    console.log(values)
+  }
+  return (
+    <div className="space-y-4">
+      <h1 className="text-4xl font-semibold">Appearance</h1>
+      <Separator />
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className="w-1/2 space-y-4">
+          <FormField
+            control={form.control}
+            name="backgroundImage"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Background Image</FormLabel>
+                <FormControl>
+                  <Input placeholder="Background Image URL" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type="submit" disabled={submitting}>
+            <Save className="mr-2 h-5 w-5" /> Save Changes
+          </Button>
+        </form>
+      </Form>
+    </div>
+  )
+}