fix build
This commit is contained in:
parent
52516ca528
commit
4801bebcc5
3 changed files with 22 additions and 14 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
};
|
|
@ -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>
|
||||
);
|
||||
};
|
Loading…
Reference in a new issue