continue re-design

2025-09-05 13:06:17 -04:00
parent b96d048dbd
commit 836b085f75
270 changed files with 32269 additions and 5182 deletions
@@ -0,0 +1,63 @@
+"use client";
+
+import React from "react";
+import { cn } from "@/utils/cn";
+import { CoreFlame } from "@/components/shared/effects/flame";
+
+interface LoadingStateProps {
+  message?: string;
+  showFlame?: boolean;
+  size?: "sm" | "md" | "lg";
+  className?: string;
+}
+
+export function LoadingState({
+  message = "Loading...",
+  showFlame = true,
+  size = "md",
+  className,
+}: LoadingStateProps) {
+  const sizeClasses = {
+    sm: "min-h-[200px]",
+    md: "min-h-[300px]",
+    lg: "min-h-[400px]",
+  };
+
+  const spinnerSizes = {
+    sm: "w-6 h-6",
+    md: "w-8 h-8",
+    lg: "w-10 h-10",
+  };
+
+  return (
+    <div
+      className={cn(
+        "relative flex flex-col items-center justify-center",
+        sizeClasses[size],
+        className,
+      )}
+    >
+      {/* Subtle pulsing flame */}
+      {showFlame && (
+        <div className="absolute inset-0">
+          <CoreFlame className="opacity-10 animate-pulse" />
+        </div>
+      )}
+
+      <div className="relative z-10 space-y-4">
+        {/* Spinner */}
+        <div
+          className={cn(
+            "mx-auto rounded-full border-2 border-black-alpha-20 border-t-heat-100 animate-spin",
+            spinnerSizes[size],
+          )}
+        />
+
+        {/* Message */}
+        {message && (
+          <p className="text-body-medium text-black-alpha-64">{message}</p>
+        )}
+      </div>
+    </div>
+  );
+}