lint: make eslint happy

Author: wu-vincent

components/magicui/animated-grid-pattern.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { motion } from "motion/react";
+import {motion} from "motion/react";
 import {
   ComponentPropsWithoutRef,
   useEffect,
@@ -9,37 +9,36 @@ import {
   useState,
 } from "react";
 
-import { cn } from "@/lib/utils";
+import {cn} from "@/lib/utils";
 
 export interface AnimatedGridPatternProps
   extends ComponentPropsWithoutRef<"svg"> {
   width?: number;
   height?: number;
   x?: number;
   y?: number;
-  strokeDasharray?: any;
+  strokeDasharray?: string | number;
   numSquares?: number;
   maxOpacity?: number;
   duration?: number;
   repeatDelay?: number;
 }
 
 export function AnimatedGridPattern({
-  width = 40,
-  height = 40,
-  x = -1,
-  y = -1,
-  strokeDasharray = 0,
-  numSquares = 50,
-  className,
-  maxOpacity = 0.5,
-  duration = 4,
-  repeatDelay = 0.5,
-  ...props
-}: AnimatedGridPatternProps) {
+                                      width = 40,
+                                      height = 40,
+                                      x = -1,
+                                      y = -1,
+                                      strokeDasharray = 0,
+                                      numSquares = 50,
+                                      className,
+                                      maxOpacity = 0.5,
+                                      duration = 4,
+                                      ...props
+                                    }: AnimatedGridPatternProps) {
   const id = useId();
   const containerRef = useRef(null);
-  const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
+  const [dimensions, setDimensions] = useState({width: 0, height: 0});
   const [squares, setSquares] = useState(() => generateSquares(numSquares));
 
   function getPos() {
@@ -51,7 +50,7 @@ export function AnimatedGridPattern({
 
   // Adjust the generateSquares function to return objects with an id, x, and y
   function generateSquares(count: number) {
-    return Array.from({ length: count }, (_, i) => ({
+    return Array.from({length: count}, (_, i) => ({
       id: i,
       pos: getPos(),
     }));
@@ -63,9 +62,9 @@ export function AnimatedGridPattern({
       currentSquares.map((sq) =>
         sq.id === id
           ? {
-              ...sq,
-              pos: getPos(),
-            }
+            ...sq,
+            pos: getPos(),
+          }
           : sq,
       ),
     );
@@ -81,7 +80,7 @@ export function AnimatedGridPattern({
   // Resize observer to update container dimensions
   useEffect(() => {
     const resizeObserver = new ResizeObserver((entries) => {
-      for (let entry of entries) {
+      for (const entry of entries) {
         setDimensions({
           width: entry.contentRect.width,
           height: entry.contentRect.height,
@@ -126,12 +125,12 @@ export function AnimatedGridPattern({
           />
         </pattern>
       </defs>
-      <rect width="100%" height="100%" fill={`url(#${id})`} />
+      <rect width="100%" height="100%" fill={`url(#${id})`}/>
       <svg x={x} y={y} className="overflow-visible">
-        {squares.map(({ pos: [x, y], id }, index) => (
+        {squares.map(({pos: [x, y], id}, index) => (
           <motion.rect
-            initial={{ opacity: 0 }}
-            animate={{ opacity: maxOpacity }}
+            initial={{opacity: 0}}
+            animate={{opacity: maxOpacity}}
             transition={{
               duration,
               repeat: 1,

components/magicui/rainbow-button.tsx

@@ -1,11 +1,8 @@
-import { cn } from "@/lib/utils";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, VariantProps } from "class-variance-authority";
+import {cn} from "@/lib/utils";
+import {Slot} from "@radix-ui/react-slot";
+import {cva, VariantProps} from "class-variance-authority";
 import React from "react";
 
-interface RainbowButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
-
 const rainbowButtonVariants = cva(
   cn(
     "relative cursor-pointer group transition-all animate-rainbow",
@@ -44,12 +41,12 @@ interface RainbowButtonProps
 }
 
 const RainbowButton = React.forwardRef<HTMLButtonElement, RainbowButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
+  ({className, variant, size, asChild = false, ...props}, ref) => {
     const Comp = asChild ? Slot : "button";
     return (
       <Comp
         data-slot="button"
-        className={cn(rainbowButtonVariants({ variant, size, className }))}
+        className={cn(rainbowButtonVariants({variant, size, className}))}
         ref={ref}
         {...props}
       />
@@ -59,4 +56,4 @@ const RainbowButton = React.forwardRef<HTMLButtonElement, RainbowButtonProps>(
 
 RainbowButton.displayName = "RainbowButton";
 
-export { RainbowButton, rainbowButtonVariants, type RainbowButtonProps };
+export {RainbowButton, rainbowButtonVariants, type RainbowButtonProps};