prettier chnages

Author: Shitanshukumar607

app/api/works/route.ts

@@ -32,7 +32,7 @@ export async function GET(request: NextRequest) {
       console.error("Error fetching works:", worksError);
       return NextResponse.json(
         { error: "Failed to fetch works" },
-        { status: 500 }
+        { status: 500 },
       );
     }
 
@@ -46,7 +46,7 @@ export async function GET(request: NextRequest) {
       console.error("Error counting works:", countError);
       return NextResponse.json(
         { error: "Failed to count works" },
-        { status: 500 }
+        { status: 500 },
       );
     }
 
@@ -60,7 +60,7 @@ export async function GET(request: NextRequest) {
     console.error("Unexpected error:", error);
     return NextResponse.json(
       { error: "Internal server error" },
-      { status: 500 }
+      { status: 500 },
     );
   }
-}
+}

app/collections/page.tsx

@@ -30,7 +30,7 @@ const CollectionsPage = () => {
   const [selectedWork, setSelectedWork] = useState<Work | null>(null);
   const [isViewerOpen, setIsViewerOpen] = useState(false);
   const [currentFilter, setCurrentFilter] = useState<"recent" | "oldest">(
-    "recent"
+    "recent",
   );
 
   const limit = 12;
@@ -94,7 +94,7 @@ const CollectionsPage = () => {
     (work) =>
       work.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
       (work.description &&
-        work.description.toLowerCase().includes(searchTerm.toLowerCase()))
+        work.description.toLowerCase().includes(searchTerm.toLowerCase())),
   );
 
   if (loading && works.length === 0) {

app/generate/page.tsx

@@ -84,7 +84,7 @@ export default function UploadPage() {
       setError(null);
       setSvgResult(null);
     },
-    [setError, setUploadedFiles, setSvgResult]
+    [setError, setUploadedFiles, setSvgResult],
   );
 
   const handleDrop = useCallback(
@@ -97,7 +97,7 @@ export default function UploadPage() {
         handleFiles(files);
       }
     },
-    [handleFiles]
+    [handleFiles],
   );
 
   const handleDragOver = useCallback((e: React.DragEvent<HTMLDivElement>) => {
@@ -233,7 +233,7 @@ export default function UploadPage() {
       if (!/viewBox=/.test(svg)) {
         svg = svg.replace(
           /<svg([^>]*)>/,
-          `<svg$1 viewBox="0 0 ${width} ${height}">`
+          `<svg$1 viewBox="0 0 ${width} ${height}">`,
         );
       }
     }
@@ -408,8 +408,8 @@ export default function UploadPage() {
                       {file.progress === 0
                         ? "Ready to convert"
                         : file.progress < 100
-                        ? `Converting... ${file.progress}%`
-                        : "Conversion complete!"}
+                          ? `Converting... ${file.progress}%`
+                          : "Conversion complete!"}
                     </span>
                     {file.progress === 100 && !isUploading && (
                       <motion.div

app/globals.css

@@ -157,7 +157,9 @@
   border: 2px solid transparent; /* creates padding */
   background-clip: padding-box;
   box-shadow: var(--sb-glow);
-  transition: background-color 150ms ease, transform 150ms ease;
+  transition:
+    background-color 150ms ease,
+    transform 150ms ease;
 }
 
 *::-webkit-scrollbar-thumb:hover {

components/Collections/WorkViewer.tsx

@@ -83,7 +83,7 @@ export function WorkViewer({
       if (!/viewBox=/.test(svg)) {
         svg = svg.replace(
           /<svg([^>]*)>/,
-          `<svg$1 viewBox="0 0 ${width} ${height}">`
+          `<svg$1 viewBox="0 0 ${width} ${height}">`,
         );
       }
     }

components/Collections/WorksFilter.tsx

@@ -90,12 +90,12 @@ export function applyFilter(works: Work[], filter: FilterOption): Work[] {
     case "recent":
       return [...works].sort(
         (a, b) =>
-          new Date(b.created_at).getTime() - new Date(a.created_at).getTime()
+          new Date(b.created_at).getTime() - new Date(a.created_at).getTime(),
       );
     case "oldest":
       return [...works].sort(
         (a, b) =>
-          new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
+          new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),
       );
     default:
       return works;

components/ui/badge.tsx

@@ -19,7 +19,7 @@ const badgeVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  }
+  },
 );
 
 export interface BadgeProps

components/ui/dropdown-menu.tsx

@@ -23,7 +23,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
     className={cn(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       inset && "pl-8",
-      className
+      className,
     )}
     {...props}
   >
@@ -42,7 +42,7 @@ const DropdownMenuSubContent = React.forwardRef<
     ref={ref}
     className={cn(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
+      className,
     )}
     {...props}
   />
@@ -60,7 +60,7 @@ const DropdownMenuContent = React.forwardRef<
       sideOffset={sideOffset}
       className={cn(
         "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
+        className,
       )}
       {...props}
     />
@@ -79,7 +79,7 @@ const DropdownMenuItem = React.forwardRef<
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       inset && "pl-8",
-      className
+      className,
     )}
     {...props}
   />
@@ -94,7 +94,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     ref={ref}
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
+      className,
     )}
     checked={checked}
     {...props}
@@ -118,7 +118,7 @@ const DropdownMenuRadioItem = React.forwardRef<
     ref={ref}
     className={cn(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
+      className,
     )}
     {...props}
   >
@@ -143,7 +143,7 @@ const DropdownMenuLabel = React.forwardRef<
     className={cn(
       "px-2 py-1.5 text-sm font-semibold",
       inset && "pl-8",
-      className
+      className,
     )}
     {...props}
   />