refactor(ScriptPage): replace Spinner with Loader2 component

BramSuurdje · Oct 26, 2024 · 6a3c923 · 6a3c923 · vercel · Oct 26, 2024
1 parent 5b32cb6
commit 6a3c923
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 75 deletions.
diff --git a/src/app/scripts/_components/ScriptPage.tsx b/src/app/scripts/_components/ScriptPage.tsx
@@ -2,7 +2,6 @@
 
 import ScriptBrowser from "@/app/scripts/_components/ScriptBrowser";
 import ScriptItem from "@/app/scripts/_components/ScriptItem";
-import { Spinner } from "@/components/ui/spinner";
 import { Category } from "@/lib/types";
 import { Loader2 } from "lucide-react";
 import { useEffect, useState } from "react";
@@ -57,7 +56,7 @@ export default function ScriptPage() {
     return (
       <div className="flex h-screen w-full flex-col items-center justify-center gap-5 bg-background px-4 md:px-6">
         <div className="space-y-2 text-center">
-          <Spinner size="lg" className="bg-black dark:bg-white" />
+          <Loader2 className="h-10 w-10 animate-spin" />
         </div>
       </div>
     );

diff --git a/src/components/ui/spinner.tsx b/src/components/ui/spinner.tsx
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -79,4 +79,4 @@
 .glass {
   backdrop-filter: blur(15px) saturate(100%);
   -webkit-backdrop-filter: blur(15px) saturate(100%);
-}
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -126,17 +126,12 @@ const config = {
             transform: "translateY(-50%)",
           },
         },
-        "spinner-leaf-fade": {
-          "0%, 100%": { opacity: "0" },
-          "50%": { opacity: "1" },
-        },
       },
       animation: {
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
         shine: "shine 8s ease-in-out infinite",
         gradient: "gradient 8s linear infinite",
-        "spinner-leaf-fade": "spinner-leaf-fade 800ms linear infinite",
       },
     },
   },