From 5a3a526db9421207f1fd5c5ca82226d436d2182f Mon Sep 17 00:00:00 2001
From: Arghya Das <arghyadasproject@gmail.com>
Date: Tue, 1 Oct 2024 21:40:27 +0530
Subject: [PATCH] fix: ran the pnpm format and lint command

---
 components/sections/hero.tsx      | 10 +++++-----
 components/site-header.tsx        | 12 ++++++------
 components/ui/button.tsx          |  4 ++--
 registry/default/magicui/dock.tsx | 10 +++++-----
 4 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/components/sections/hero.tsx b/components/sections/hero.tsx
index 6a413cfa6..0f2ed58bb 100644
--- a/components/sections/hero.tsx
+++ b/components/sections/hero.tsx
@@ -12,7 +12,7 @@ export default async function Hero() {
   const post = allDocs
     .filter(
       (post) =>
-        post.date && post.date <= new Date().toISOString() && post.published
+        post.date && post.date <= new Date().toISOString() && post.published,
     )
     .sort((a, b) => {
       if (!a.date && !b.date) return 0; // Both dates are undefined, keep original order
@@ -34,7 +34,7 @@ export default async function Hero() {
                     variant: "outline",
                     size: "sm",
                   }),
-                  "rounded-full"
+                  "rounded-full",
                 )}
               >
                 🎉 <Separator className="mx-2 h-4" orientation="vertical" />
@@ -47,7 +47,7 @@ export default async function Hero() {
                     "text-black dark:text-white",
                     "relative mx-0 max-w-[43.5rem]  pt-5  md:mx-auto md:px-4 md:py-2",
                     "text-balance text-left font-semibold tracking-tighter md:text-center",
-                    "text-5xl sm:text-7xl md:text-7xl lg:text-7xl"
+                    "text-5xl sm:text-7xl md:text-7xl lg:text-7xl",
                   )}
                 >
                   UI library for Design Engineers
@@ -72,7 +72,7 @@ export default async function Hero() {
                         variant: "rainbow",
                         size: "lg",
                       }),
-                      "w-full gap-2"
+                      "w-full gap-2",
                     )}
                   >
                     Browse Components
@@ -85,7 +85,7 @@ export default async function Hero() {
                         size: "lg",
                         variant: "rainbow-outline",
                       }),
-                      "w-full gap-2"
+                      "w-full gap-2",
                     )}
                   >
                     Browse Templates
diff --git a/components/site-header.tsx b/components/site-header.tsx
index 110d1123f..486e22581 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -27,7 +27,7 @@ export async function SiteHeader() {
         next: {
           revalidate: 3600,
         },
-      }
+      },
     );
 
     if (response.ok) {
@@ -41,7 +41,7 @@ export async function SiteHeader() {
   return (
     <header
       className={cn(
-        "supports-backdrop-blur:bg-background/90 sticky top-0 z-40 w-full bg-background/40 backdrop-blur-lg"
+        "supports-backdrop-blur:bg-background/90 sticky top-0 z-40 w-full bg-background/40 backdrop-blur-lg",
       )}
     >
       <div className="container flex h-16 items-center">
@@ -53,7 +53,7 @@ export async function SiteHeader() {
               buttonVariants({
                 variant: "rainbow",
               }),
-              "hidden md:inline-flex"
+              "hidden md:inline-flex",
             )}
             target="_blank"
             href={siteConfig.links.github}
@@ -86,7 +86,7 @@ export async function SiteHeader() {
                   buttonVariants({
                     variant: "ghost",
                   }),
-                  "w-9 px-0"
+                  "w-9 px-0",
                 )}
               >
                 <Icons.discord className="size-4" />
@@ -103,7 +103,7 @@ export async function SiteHeader() {
                   buttonVariants({
                     variant: "ghost",
                   }),
-                  "w-9 px-0"
+                  "w-9 px-0",
                 )}
               >
                 <Icons.gitHub className="size-4" />
@@ -120,7 +120,7 @@ export async function SiteHeader() {
                   buttonVariants({
                     variant: "ghost",
                   }),
-                  "w-9 px-0"
+                  "w-9 px-0",
                 )}
               >
                 <Icons.twitter className="size-4 fill-current" />
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index b0915a7eb..ba16dfa9d 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -35,7 +35,7 @@ const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  }
+  },
 );
 
 export interface ButtonProps
@@ -54,7 +54,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     );
-  }
+  },
 );
 Button.displayName = "Button";
 
diff --git a/registry/default/magicui/dock.tsx b/registry/default/magicui/dock.tsx
index 7f8fc0dcf..2655d9979 100644
--- a/registry/default/magicui/dock.tsx
+++ b/registry/default/magicui/dock.tsx
@@ -18,7 +18,7 @@ const DEFAULT_MAGNIFICATION = 60;
 const DEFAULT_DISTANCE = 140;
 
 const dockVariants = cva(
-  "supports-backdrop-blur:bg-white/10 supports-backdrop-blur:dark:bg-black/10 mx-auto mt-8 flex h-[58px] w-max gap-2 rounded-2xl border p-2 backdrop-blur-md"
+  "supports-backdrop-blur:bg-white/10 supports-backdrop-blur:dark:bg-black/10 mx-auto mt-8 flex h-[58px] w-max gap-2 rounded-2xl border p-2 backdrop-blur-md",
 );
 
 const Dock = React.forwardRef<HTMLDivElement, DockProps>(
@@ -31,7 +31,7 @@ const Dock = React.forwardRef<HTMLDivElement, DockProps>(
       direction = "bottom",
       ...props
     },
-    ref
+    ref,
   ) => {
     const mouseX = useMotionValue(Infinity);
 
@@ -64,7 +64,7 @@ const Dock = React.forwardRef<HTMLDivElement, DockProps>(
         {renderChildren()}
       </motion.div>
     );
-  }
+  },
 );
 
 Dock.displayName = "Dock";
@@ -99,7 +99,7 @@ const DockIcon = ({
   let widthSync = useTransform(
     distanceCalc,
     [-distance, 0, distance],
-    [40, magnification, 40]
+    [40, magnification, 40],
   );
 
   let width = useSpring(widthSync, {
@@ -114,7 +114,7 @@ const DockIcon = ({
       style={{ width }}
       className={cn(
         "flex aspect-square cursor-pointer items-center justify-center rounded-full",
-        className
+        className,
       )}
       {...props}
     >