diff --git a/frontend/package.json b/frontend/package.json index d5496dc..679bde5 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -10,6 +10,7 @@ "preview": "vite preview" }, "dependencies": { + "@heroicons/react": "^2.1.5", "@tanstack/react-query": "^5.59.20", "react": "^18.3.1", "react-dom": "^18.3.1", diff --git a/frontend/src/App.css b/frontend/src/App.css index 17d8b3c..3cd5073 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -1,7 +1,6 @@ #root { max-width: 1280px; margin: 0 auto; - padding: 2rem; text-align: center; /* Colors */ @@ -29,6 +28,20 @@ width: 200px; } +.header { + display: flex; + max-width: 60%; + margin: 5px auto; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #424242; + padding: 10px; +} + +.balance { + display: flex; + gap: 20px; +} .logo { height: 6em; diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 310cd86..34eb827 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -19,7 +19,7 @@ import { LowFunds } from './components/LowFunds/LowFunds' import { AlreadyPlayed } from './components/AlreadyPlayed/AlreadyPlayed' // wagmi connection -import { ConnectWallet } from './clients/walletClient/ConnectWallet' +import { ConnectWallet } from './components/ConnectWallet/ConnectWallet' import { useAccount } from 'wagmi' import { AdminPanel } from './components/AdminPannel/AdminPanel' @@ -137,11 +137,13 @@ function App() { <>
{wdtBalance} 🪙
} +WDT Balance: {wdtBalance ? `${wdtBalance.toString()} WDT` : '???'}
} - +Actions:
-Change word:
+ {!isOpen && } + {isOpen &&Change word:
+Installed
+ {connectors.map((connector) => ( + + ))} +