link to uniswap pool in header

(cherry picked from commit 9c534ba)

Author: dappvibe

src/shared/layout/components/Topnav.tsx

@@ -1,14 +1,16 @@
 import { Col, Menu, Row } from 'antd'
 import { generatePath, Link, useParams } from 'react-router-dom'
-import { Notifications, WalletMenu } from '@/shared/web3'
+import { Notifications, useAddress, WalletMenu } from '@/shared/web3'
 import logo from '@/assets/images/logo.png'
-import { useConnection } from 'wagmi'
+import { useAccount } from 'wagmi'
 import { useActiveAccount } from 'thirdweb/react'
 
 export default function Topnav() {
   const params = useParams()
   const { isConnected, address } = useConnection()
   const activeAccount = useActiveAccount()
+  const token = useAddress('Market#PexfiToken')
+  const chainId = useChainId()
 
   const navItems = [
     {
@@ -25,6 +27,19 @@ export default function Topnav() {
     },
   ]
 
+  if (token && chainId) {
+    let net: string;
+    switch(chainId) {
+      case 1: net = 'ethereum'; break;
+      case 11155111: net = 'ethereum_sepolia'; break;
+    }
+
+    navItems.push({
+      key: 'own',
+      label: <a target={'_blank'} href={'https://app.uniswap.org/explore/tokens/' + net + '/' + token}>Own</a>
+    })
+  }
+
   const userMenuItems = [
     {
       label: (