first commit

Made-with: Cursor
2026-02-26 18:33:00 -03:00
commit 3734365463
76 changed files with 14133 additions and 0 deletions
@@ -0,0 +1,101 @@
+import { useState, useEffect, useCallback } from "react";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { getToken, getAuthMe, clearToken } from "./api";
+import { Header } from "./components/Header";
+import { Footer } from "./components/Footer";
+import { ClaimWizard } from "./components/ClaimWizard";
+import { StatsSection } from "./components/StatsSection";
+import { DepositSection } from "./components/DepositSection";
+import { TransactionsPage } from "./pages/TransactionsPage";
+
+const FaucetSvg = () => (
+  <svg className="faucet-svg" viewBox="0 0 100 140" xmlns="http://www.w3.org/2000/svg">
+    <ellipse cx="52" cy="14" rx="10" ry="6" fill="#c0392b" />
+    <rect x="49" y="14" width="6" height="16" fill="#c0392b" />
+    <rect x="30" y="28" width="44" height="30" rx="6" fill="#c0392b" />
+    <rect x="72" y="36" width="24" height="14" rx="4" fill="#c0392b" />
+    <rect x="85" y="50" width="12" height="32" rx="4" fill="#c0392b" />
+    <ellipse cx="89" cy="91" rx="3" ry="5" fill="#5dade2" opacity="0.85" />
+    <ellipse cx="92" cy="102" rx="2" ry="4" fill="#5dade2" opacity="0.65" />
+    <ellipse cx="87" cy="108" rx="2" ry="3.5" fill="#5dade2" opacity="0.5" />
+    <ellipse cx="91" cy="116" rx="1.5" ry="3" fill="#5dade2" opacity="0.35" />
+    <rect x="10" y="33" width="22" height="18" rx="3" fill="#c0392b" />
+    <rect x="6" y="36" width="8" height="12" rx="2" fill="#922b21" />
+  </svg>
+);
+
+export default function App() {
+  const [pubkey, setPubkey] = useState<string | null>(null);
+  const [statsRefetchTrigger, setStatsRefetchTrigger] = useState(0);
+
+  useEffect(() => {
+    const token = getToken();
+    if (!token) return;
+    getAuthMe()
+      .then((r) => setPubkey(r.pubkey))
+      .catch(() => {
+        clearToken();
+        setPubkey(null);
+      });
+  }, []);
+
+  const handleClaimSuccess = useCallback(() => {
+    setStatsRefetchTrigger((t) => t + 1);
+  }, []);
+
+  return (
+    <BrowserRouter>
+      <div className="app">
+        <Header />
+        <div className="topbar" />
+        <div className="app-body">
+          <Routes>
+            <Route
+              path="/"
+              element={
+                <div className="container">
+                  <aside className="sidebar sidebar-left">
+                    <div className="funding-panel">
+                      <DepositSection />
+                    </div>
+                    <div className="sidebar-links">
+                      <p className="sidebar-links-title">Sats available</p>
+                      <p className="label">Other Sites:</p>
+                      <a href="https://bitcoin.org/en/" target="_blank" rel="noopener noreferrer">
+                        Bitcoin.org
+                      </a>
+                      <a href="https://bitcoin.org/en/buy" target="_blank" rel="noopener noreferrer">
+                        Bitcoin Market
+                      </a>
+                    </div>
+                  </aside>
+                  <main className="main">
+                    <div className="header">
+                      <FaucetSvg />
+                      <h1>Sats Faucet</h1>
+                    </div>
+                    <ClaimWizard pubkey={pubkey} onPubkeyChange={setPubkey} onClaimSuccess={handleClaimSuccess} />
+                  </main>
+                  <aside className="sidebar sidebar-right">
+                    <StatsSection refetchTrigger={statsRefetchTrigger} />
+                  </aside>
+                </div>
+              }
+            />
+            <Route
+              path="/transactions"
+              element={
+                <div className="container container--single">
+                  <main className="main main--full">
+                    <TransactionsPage />
+                  </main>
+                </div>
+              }
+            />
+          </Routes>
+        </div>
+        <Footer />
+      </div>
+    </BrowserRouter>
+  );
+}