Remove theme picker (#50)

Co-authored-by: raphjaph <[email protected]>

.gitignore

@@ -2,3 +2,4 @@
 www/bip322*
 **/node_modules
 **/dist
+.vite

www/src/App.tsx

@@ -1,14 +1,5 @@
 import { useEffect, useState } from "react";
-import {
-  useLaserEyes,
-  UNISAT,
-  MAGIC_EDEN,
-  OYL,
-  PHANTOM,
-  LEATHER,
-  XVERSE,
-  OKX,
-} from "@omnisat/lasereyes";
+import { useLaserEyes, MAGIC_EDEN, ProviderType } from "@omnisat/lasereyes";
 import init, { verify } from "@/bip322.js";
 import VerifyForm from "@/components/VerifyForm";
 import ConnectWalletForm from "@/components/ConnectWallet";
@@ -77,16 +68,7 @@ function App() {
     phantom: hasPhantom,
   };
 
-  const handleConnect = async (
-    walletName:
-      | typeof UNISAT
-      | typeof MAGIC_EDEN
-      | typeof OYL
-      | typeof PHANTOM
-      | typeof LEATHER
-      | typeof XVERSE
-      | typeof OKX
-  ) => {
+  const handleConnect = async (walletName: ProviderType) => {
     if (provider === walletName) {
       disconnect();
     } else {

www/src/components/ConnectWallet.tsx

@@ -1,22 +1,17 @@
 import { Button } from "@/components/ui/button";
-import { SUPPORTED_WALLETS, WalletIcon } from "@omnisat/lasereyes";
+import {
+  ProviderType,
+  SUPPORTED_WALLETS,
+  WalletIcon,
+} from "@omnisat/lasereyes";
 import FormWrapper from "./FormWrapper";
 
-type WalletName =
-  | "unisat"
-  | "magic-eden"
-  | "oyl"
-  | "phantom"
-  | "leather"
-  | "xverse"
-  | "okx";
-
 interface ConnectWalletFormProps {
   provider: string | null;
   hasWallet: {
     [key: string]: boolean;
   };
-  onConnect: (walletName: WalletName) => Promise<void>;
+  onConnect: (walletName: ProviderType) => Promise<void>;
   onDisconnect: () => void;
 }
 const ConnectWalletForm = ({
@@ -64,7 +59,7 @@ const ConnectWalletForm = ({
                 ) : (
                   <Button
                     className={`${baseButtonClass} bg-white/90 text-black backdrop-blur-sm`}
-                    onClick={() => onConnect(wallet.name as WalletName)}
+                    onClick={() => onConnect(wallet.name)}
                   >
                     <WalletIcon walletName={wallet.name} size={40} />
                   </Button>

www/src/main.tsx

@@ -1,16 +1,18 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { LaserEyesProvider, MAINNET } from "@omnisat/lasereyes";
-import { ThemeProvider } from "@/components/theme-provider";
 import "./index.css";
 import App from "./App.tsx";
 
-createRoot(document.getElementById("root")!).render(
+document.documentElement.classList.add("dark");
+const root = document.getElementById("root")!;
+root.classList.add("dark");
+
+createRoot(root).render(
   <StrictMode>
-    <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
-      <LaserEyesProvider config={{ network: MAINNET }}>
-        <App />
-      </LaserEyesProvider>
-    </ThemeProvider>
+    <LaserEyesProvider config={{ network: MAINNET }}>
+      <App />
+    </LaserEyesProvider>
   </StrictMode>
 );
+