diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 0000000..eca2621 --- /dev/null +++ b/public/logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/App.tsx b/src/App.tsx index 080fcf5..87e9b00 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -90,21 +90,31 @@ export function App() { getEligibilityData(); }, [address]); - function revalidate() { - } - - //console.log(isEligible); - return ( <>
-

- Soulbound -
-

ETH Faucet

-

+
+ + +

+ Soulbound +
+

ETH Faucet

+

+
+ {!isEligible && isConnected && ( +
+ We cannot find a Soubound token in your wallet.{" "} + + Mint yours here. + +
+ )} {isConnected && (
@@ -160,17 +170,6 @@ export function App() { > Connect -
)} - {!isEligible && ( -
- We cannot find a Soubound token in your wallet.{" "} - - Mint yours here. - -
- )}
- Balance +
+
+ {nets.map((net) => { + return ( +
+
+

+ {net.network} +

+
+
+

+ {Number(net.balance).toFixed(2)} Ξ +

+

Balance

+
+
+

+ {net.quota.used} of {net.quota.quota} +

+

Requests used

+
+
+ ); + })} +
+
); } diff --git a/src/index.css b/src/index.css index 038dc9f..748695b 100644 --- a/src/index.css +++ b/src/index.css @@ -12,7 +12,7 @@ } .greenbtn { - @apply px-6 h-12 uppercase font-semibold tracking-wider border-2 border-black bg-[#3441c0] text-white hover:border-[#3441c0] disabled:opacity-10; + @apply px-6 h-12 uppercase font-semibold tracking-wider border-2 border-[#3441c0] bg-[#3441c0] text-white hover:border-white disabled:opacity-10; } .whitebtn {