From ab5e34b16a2937dbb058a3f34ddfe14a74a6ff49 Mon Sep 17 00:00:00 2001
From: molvqingtai <molvqingtai@gmail.com>
Date: Mon, 30 Sep 2024 21:49:38 +0800
Subject: [PATCH] chore: rename file name

---
 .../magicui/{meteors.tsx => Meteors.tsx}      | 32 +++++++++----------
 1 file changed, 15 insertions(+), 17 deletions(-)
 rename src/components/magicui/{meteors.tsx => Meteors.tsx} (58%)

diff --git a/src/components/magicui/meteors.tsx b/src/components/magicui/Meteors.tsx
similarity index 58%
rename from src/components/magicui/meteors.tsx
rename to src/components/magicui/Meteors.tsx
index 4549eb6..5156966 100644
--- a/src/components/magicui/meteors.tsx
+++ b/src/components/magicui/Meteors.tsx
@@ -1,26 +1,24 @@
-"use client";
+'use client'
 
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react'
 
-import { cn } from "@/utils/index";
+import { cn } from '@/utils/index'
 
 interface MeteorsProps {
-  number?: number;
+  number?: number
 }
 export const Meteors = ({ number = 20 }: MeteorsProps) => {
-  const [meteorStyles, setMeteorStyles] = useState<Array<React.CSSProperties>>(
-    [],
-  );
+  const [meteorStyles, setMeteorStyles] = useState<Array<React.CSSProperties>>([])
 
   useEffect(() => {
     const styles = [...new Array(number)].map(() => ({
       top: -5,
-      left: Math.floor(Math.random() * window.innerWidth) + "px",
-      animationDelay: Math.random() * 1 + 0.2 + "s",
-      animationDuration: Math.floor(Math.random() * 8 + 2) + "s",
-    }));
-    setMeteorStyles(styles);
-  }, [number]);
+      left: Math.floor(Math.random() * window.innerWidth) + 'px',
+      animationDelay: Math.random() * 1 + 0.2 + 's',
+      animationDuration: Math.floor(Math.random() * 8 + 2) + 's'
+    }))
+    setMeteorStyles(styles)
+  }, [number])
 
   return (
     <>
@@ -29,7 +27,7 @@ export const Meteors = ({ number = 20 }: MeteorsProps) => {
         <span
           key={idx}
           className={cn(
-            "pointer-events-none absolute left-1/2 top-1/2 size-0.5 rotate-[215deg] animate-meteor rounded-full bg-slate-500 shadow-[0_0_0_1px_#ffffff10]",
+            'pointer-events-none absolute left-1/2 top-1/2 size-0.5 rotate-[215deg] animate-meteor rounded-full bg-slate-500 shadow-[0_0_0_1px_#ffffff10]'
           )}
           style={style}
         >
@@ -38,7 +36,7 @@ export const Meteors = ({ number = 20 }: MeteorsProps) => {
         </span>
       ))}
     </>
-  );
-};
+  )
+}
 
-export default Meteors;
+export default Meteors