diff --git a/package.json b/package.json index a5d5a54..b6503fe 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,7 @@ }, "dependencies": { "@tanstack/react-query": "^5.28.6", - "@toqen/react": "^0.0.27", + "@toqen/react": "^0.0.39", "@wagmi/connectors": "^4.1.19", "@wagmi/core": "^2.6.10", "bs58": "^5.0.0", diff --git a/src/components/UI/Pool/Details/Details.tsx b/src/components/UI/Pool/Details/Details.tsx index 23041f9..d3bdebb 100644 --- a/src/components/UI/Pool/Details/Details.tsx +++ b/src/components/UI/Pool/Details/Details.tsx @@ -3,7 +3,9 @@ import { staqeProtocolAddress } from "@/src/generated"; import { useMetadata } from "@/src/hooks/useMetadata"; import { usePoolData } from "@/src/hooks/usePools"; import { useTimestamp } from "@/src/hooks/useTimestamps"; +import { Manage } from "@toqen/react"; import Image from "next/image"; +import { useMemo, useState } from "react"; import { PiCoinsDuotone, PiHandCoinsDuotone, @@ -14,7 +16,7 @@ import { PiUserDuotone, } from "react-icons/pi"; import { SiOpensea } from "react-icons/si"; -import { useChainId } from "wagmi"; +import { useAccount, useChainId } from "wagmi"; export const Details = () => { const { id, pool, pools } = usePoolData(); @@ -25,6 +27,13 @@ export const Details = () => { const chainId = useChainId(); + const { address: accountAddress = ZERO_ADDRESS } = useAccount(); + + const isOwner = useMemo( + () => pool && pool.owner === accountAddress, + [pool, accountAddress] + ); + const getName = (chainId: number) => { switch (chainId) { case 80002: @@ -38,6 +47,8 @@ export const Details = () => { } }; + const [manage, setManage] = useState(<>>); + return (