🎨 refacto & rename dots pattern

damien-schneider · Sep 10, 2024 · c05fdd0 · c05fdd0
1 parent 8ef0564
commit c05fdd0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/src/ui/cuicui/other/patterns/dots-pattern/dots-pattern-preview.tsx b/src/ui/cuicui/other/patterns/dots-pattern/dots-pattern-preview.tsx
@@ -0,0 +1,14 @@
+import { DotsPattern } from "#/src/ui/cuicui/other/patterns/dots-pattern/dots-pattern";
+import { cn } from "#/src/utils/cn";
+
+export function DotsPatternPreview() {
+  return (
+    <div className="relative flex h-full w-full flex-col items-center justify-center overflow-hidden">
+      <DotsPattern
+        className={cn(
+          "[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]",
+        )}
+      />
+    </div>
+  );
+}
diff --git a/.../other/patterns/dots-pattern/variant1.tsx → ...er/patterns/dots-pattern/dots-pattern.tsx b/.../other/patterns/dots-pattern/variant1.tsx → ...er/patterns/dots-pattern/dots-pattern.tsx
@@ -13,18 +13,6 @@ type DotPatternProps = {
   className?: string;
 };
 
-export function DotsPatternVariant1() {
-  return (
-    <div className="relative flex h-full w-full flex-col items-center justify-center overflow-hidden">
-      <DotsPattern
-        className={cn(
-          "[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]",
-        )}
-      />
-    </div>
-  );
-}
-
 export function DotsPattern({
   width = 16,
   height = 16,