fix build

This commit is contained in:
Aleksey_Levin 2024-01-07 17:03:08 +08:00
parent 52516ca528
commit 4801bebcc5
3 changed files with 22 additions and 14 deletions

View file

@ -1,6 +1,6 @@
import CoinIcon from "../../icons/CoinIcon";
import ProfileIcon from "../../icons/ProfileIcon";
import WalletIcon from "../../icons/WalletIcon";
import {ConnectStateButton} from "../../../web3/connect";
export const AppNav = () => {
return (
@ -21,13 +21,7 @@ export const AppNav = () => {
{/* placeholder for balance */}
<span>0.000000</span>
</div>
<div className="flex flex-row items-center rounded-[100px] border-[2px] border-[#4F5563] bg-[#3B414F] px-[14px] py-[11px] gap-[3px] cursor-pointer">
{/* todo: load from .svg file in assets */}
<WalletIcon />
<button>
Wallet
</button>
</div>
<ConnectStateButton/>
</div>
<div className="flex flex-row items-center">
<span>Robin F.</span>

View file

@ -1,10 +1,17 @@
import {useConnect} from "../../lib/useConnect.ts";
import WalletIcon from "../../../../components/icons/WalletIcon.tsx";
export const ConnectButton = () => {
const { connect } = useConnect()
return (
<button onClick={connect}>
Connect
</button>
<div
onClick={connect}
className="flex flex-row items-center rounded-[100px] border-[2px] border-[#4F5563] bg-[#3B414F] px-[14px] py-[11px] gap-[3px] cursor-pointer">
{/* todo: load from .vg file in assets */}
<WalletIcon/>
<button>
Connect
</button>
</div>
);
};

View file

@ -1,10 +1,17 @@
import {useConnect} from "../../lib/useConnect.ts";
import WalletIcon from "../../../../components/icons/WalletIcon.tsx";
export const DisconnectButton = () => {
const { disconnect } = useConnect()
return (
<button onClick={disconnect}>
Disconnect
</button>
<div
onClick={disconnect}
className="flex flex-row items-center rounded-[100px] border-[2px] border-[#4F5563] bg-[#3B414F] px-[14px] py-[11px] gap-[3px] cursor-pointer">
{/* todo: load from .svg file in assets */}
<WalletIcon/>
<button>
Disconnect
</button>
</div>
);
};