initial commit. gotta go

apps/web/src/app/(dashboard)/contacts/edit-contact-book.tsx

@@ -1,14 +1,14 @@
-"use client";
+'use client';
 
-import { Button } from "@usesend/ui/src/button";
-import { Input } from "@usesend/ui/src/input";
+import { Button } from '@usesend/ui/src/button';
+import { Input } from '@usesend/ui/src/input';
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@usesend/ui/src/dialog";
+} from '@usesend/ui/src/dialog';
 import {
   Form,
   FormControl,
@@ -16,17 +16,17 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from "@usesend/ui/src/form";
-import { api } from "~/trpc/react";
-import { useState } from "react";
-import { Edit } from "lucide-react";
-import { z } from "zod";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { toast } from "@usesend/ui/src/toaster";
+} from '@usesend/ui/src/form';
+import { api } from '~/trpc/react';
+import { useState } from 'react';
+import { Edit } from 'lucide-react';
+import { z } from 'zod';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { toast } from '@usesend/ui/src/toaster';
 
 const contactBookSchema = z.object({
-  name: z.string().min(1, { message: "Name is required" }),
+  name: z.string().min(1, { message: 'Name is required' }),
 });
 
 export const EditContactBook: React.FC<{
@@ -41,12 +41,12 @@ export const EditContactBook: React.FC<{
   const contactBookForm = useForm<z.infer<typeof contactBookSchema>>({
     resolver: zodResolver(contactBookSchema),
     defaultValues: {
-      name: contactBook.name || "",
+      name: contactBook.name || '',
     },
   });
 
   async function onContactBookUpdate(
-    values: z.infer<typeof contactBookSchema>
+    values: z.infer<typeof contactBookSchema>,
   ) {
     updateContactBookMutation.mutate(
       {
@@ -57,12 +57,12 @@ export const EditContactBook: React.FC<{
         onSuccess: async () => {
           utils.contacts.getContactBooks.invalidate();
           setOpen(false);
-          toast.success("Contact book updated successfully");
+          toast.success('Contact book updated successfully');
         },
         onError: async (error) => {
           toast.error(error.message);
         },
-      }
+      },
     );
   }
 
@@ -78,7 +78,7 @@ export const EditContactBook: React.FC<{
           className="p-0 hover:bg-transparent"
           onClick={(e) => e.stopPropagation()}
         >
-          <Edit className="h-4 w-4 text-foreground/80 hover:text-foreground/70" />
+          <Edit className="text-foreground/80 hover:text-foreground/70 h-4 w-4" />
         </Button>
       </DialogTrigger>
       <DialogContent>
@@ -106,13 +106,13 @@ export const EditContactBook: React.FC<{
               />
               <div className="flex justify-end">
                 <Button
-                  className=" w-[100px]"
+                  className="w-[100px]"
                   type="submit"
                   disabled={updateContactBookMutation.isPending}
                 >
                   {updateContactBookMutation.isPending
-                    ? "Updating..."
-                    : "Update"}
+                    ? 'Updating...'
+                    : 'Update'}
                 </Button>
               </div>
             </form>