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,57 @@
+"use client";
+
+import React from "react";
+import { cn } from "@/utils/cn";
+import { AsciiExplosion } from "@/components/shared/effects/flame";
+
+interface EmptyStateProps {
+  title?: string;
+  description?: string;
+  icon?: React.ReactNode;
+  action?: React.ReactNode;
+  showFlame?: boolean;
+  className?: string;
+}
+
+export function EmptyState({
+  title = "No data yet",
+  description,
+  icon,
+  action,
+  showFlame = true,
+  className,
+}: EmptyStateProps) {
+  return (
+    <div
+      className={cn(
+        "relative flex flex-col items-center justify-center py-12 px-4 text-center",
+        "min-h-[300px]",
+        className,
+      )}
+    >
+      {/* Subtle flame background */}
+      {showFlame && (
+        <div className="absolute inset-0 opacity-5">
+          <AsciiExplosion />
+        </div>
+      )}
+
+      <div className="relative z-10 space-y-4">
+        {icon && (
+          <div className="w-12 h-12 mx-auto text-black-alpha-40">{icon}</div>
+        )}
+
+        <div className="space-y-2">
+          <h3 className="text-label-large text-black-alpha-72">{title}</h3>
+          {description && (
+            <p className="text-body-medium text-black-alpha-56 max-w-md mx-auto">
+              {description}
+            </p>
+          )}
+        </div>
+
+        {action && <div className="pt-2">{action}</div>}
+      </div>
+    </div>
+  );
+}