feat: basic version

HelheimLabs · Apr 13, 2024 · e6019ce · e6019ce
1 parent 302f73b
commit e6019ce
Show file tree

Hide file tree

Showing 53 changed files with 6,316 additions and 743 deletions.
diff --git a/packages/client/index.html b/packages/client/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" data-theme="light">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />

diff --git a/packages/client/package.json b/packages/client/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@radix-ui/react-slot": "^1.0.2",
     "@tanstack/react-query": "^5.29.2",
+    "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "connectkit": "^1.7.3",

diff --git a/packages/client/postcss.config.js b/packages/client/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/packages/client/public/assets/layers/arb.png b/packages/client/public/assets/layers/arb.png
diff --git a/packages/client/public/assets/layers/avax.png b/packages/client/public/assets/layers/avax.png
diff --git a/packages/client/public/assets/layers/base.png b/packages/client/public/assets/layers/base.png
diff --git a/packages/client/public/assets/layers/bnb.png b/packages/client/public/assets/layers/bnb.png
diff --git a/packages/client/public/assets/layers/op.png b/packages/client/public/assets/layers/op.png
diff --git a/packages/client/src/App.tsx b/packages/client/src/App.tsx
@@ -1,10 +1,44 @@
+import { arbitrumSepolia, avalancheFuji, baseSepolia, bscTestnet, optimismSepolia } from "viem/chains";
 import { Web3Provider } from "./Web3Provider";
-import { ConnectKitButton } from "connectkit";
+import { Champion } from "./component/Champion";
+import { DeploymentLocation } from "./component/DeploymentLocation";
+import { StatusBar } from "./component/StatusBar";
+import { Title } from "./component/Title";
+import "./index.css";
 
 function App() {
   return (
     <Web3Provider>
-      <ConnectKitButton />
+      <div className="flex relative h-screen w-screen">
+        <StatusBar />
+        <Title />
+        <Champion />
+        {/* op sepolia */}
+        <DeploymentLocation
+          className="left-1/2 -translate-x-1/2 bottom-[4rem] "
+          chainId={optimismSepolia.id}
+        />
+        {/* arb sepolia */}
+        <DeploymentLocation
+          className="left-[20rem] bottom-[15rem] "
+          chainId={arbitrumSepolia.id}
+        />
+        {/* base sepolia */}
+        <DeploymentLocation
+          className="left-[20rem] top-[15rem] "
+          chainId={baseSepolia.id}
+        />
+        {/*fuji */}
+        <DeploymentLocation
+          className="right-[20rem] top-[15rem] "
+          chainId={avalancheFuji.id}
+        />
+        {/* bsc testnet */}
+        <DeploymentLocation
+          className="right-[20rem] bottom-[15rem] "
+          chainId={bscTestnet.id}
+        />
+      </div>
     </Web3Provider>
   );
 }

diff --git a/packages/client/src/Web3Provider.tsx b/packages/client/src/Web3Provider.tsx
@@ -1,10 +1,9 @@
-import { WagmiProvider, createConfig, http } from "wagmi";
+import { WagmiProvider, createConfig } from "wagmi";
 import {
   arbitrumSepolia,
-  avalanche,
   avalancheFuji,
+  baseSepolia,
   bscTestnet,
-  mainnet,
   optimismSepolia,
   sepolia,
 } from "wagmi/chains";
@@ -20,6 +19,7 @@ const config = createConfig(
       optimismSepolia,
       arbitrumSepolia,
       bscTestnet,
+      baseSepolia,
     ],
     // transports: {},