feat(pool-routing): added /pools/[poolAddress] route, redirects to ma… (

#553)

* feat(pool-routing): added /pools/[poolAddress] route, redirects to manage liquidity

* feat(pool-routing): using poolId instead of address

* feat(pool-routing): removed logs

* feat: osmo poolid redirect

* fix: redirect

* chore: switch endpoints

* feat(pool-routing): added osmo specific routing

* feat(pool-routing): removing logs and added possibility of number or poolId for osmosis

---------

Co-authored-by: nick134 <[email protected]>

components/AssetInput/WhaleInput.tsx

@@ -110,7 +110,7 @@ ref) => {
             flex={1}
             ref={ref}
             isValidCharacter={(char) => Boolean(char.match(/[.0-9]/u))}
-            value={value.amount || ''}
+            value={value?.amount || ''}
           >
             <NumberInputField
               color="white"

components/Pages/Trade/Liquidity/DepositForm.tsx

@@ -105,12 +105,12 @@ const DepositForm = ({
       }
     } else {
       if (reverse) {
-        if (!token2.amount) {
+        if (!token2?.amount) {
           setValue('token1', { ...token1,
             amount: null })
         }
       } else {
-        if (!token1.amount) {
+        if (!token1?.amount) {
           setValue('token2', { ...token2,
             amount: null })
         }

components/Pages/Trade/Liquidity/ManageLiquidity.tsx

@@ -42,7 +42,10 @@ import { tokenItemState } from 'state/tokenItemState'
 import { TokenItemState, TxStep } from 'types/common'
 import { getDecimals } from 'util/conversion/index'
 
-const ManageLiquidity = ({ poolIdFromUrl }) => {
+interface ManageLiquidityProps {
+  poolIdFromUrl?: string
+}
+const ManageLiquidity = ({ poolIdFromUrl }: ManageLiquidityProps) => {
   const [poolIdState, setPoolIdState] = useState(null)
   const [isMobile] = useMediaQuery('(max-width: 640px)')
   const router = useRouter()

constants/endpoints.json

@@ -65,10 +65,10 @@
     },
     "osmosis": {
         "rpc": [
-            "https://osmosis-rpc.polkachu.com"
+            "https://osmosis-rpc.publicnode.com:443"
         ],
         "rest": [
-            "https://osmosis-api.polkachu.com"
+            "https://osmosis-rest.publicnode.com"
         ]
     }
 }

pages/[chainId]/pools/[poolId].tsx

@@ -0,0 +1,56 @@
+import { ACTIVE_NETWORKS } from 'constants/index'
+import { promises as fs } from 'fs'
+import path from 'path'
+
+export async function getServerSideProps(context) {
+  const { chainId, poolId } = context.params
+
+  // Construct the file path to the JSON file in the public directory
+  const filePath = path.join(
+    process.cwd(), 'public', 'mainnet', ACTIVE_NETWORKS.mainnet[chainId], 'pools_list.json',
+  )
+  try {
+    // Read the file from the filesystem
+    const jsonData = await fs.readFile(filePath, 'utf8')
+    const poolData = JSON.parse(jsonData)
+    const pool = poolData.pools.find((pool) => (chainId === 'osmosis' ? (pool.osmo_pool_id === Number(poolId) || pool.pool_id === poolId) : pool.pool_id === poolId))
+    if (!pool) {
+      // If no pool matches, redirect to a custom 404 page or another page
+      if (!pool) {
+        return {
+          redirect: {
+            destination: '/404',
+            permanent: false,
+          },
+        }
+      } else {
+        return {
+          redirect: {
+            destination: `/${chainId}/pools/manage_liquidity?poolId=${pool.pool_id}`,
+            permanent: false,
+          },
+        }
+      }
+    } else {
+      return {
+        redirect: {
+          destination: `/${chainId}/pools/manage_liquidity?poolId=${pool.pool_id}`,
+          permanent: false,
+        },
+      }
+    }
+  } catch (error) {
+    console.error('Failed to read pool data:', error);
+    return {
+      redirect: {
+        destination: '/404',
+        permanent: false,
+      },
+    }
+  }
+}
+
+export default function PoolAddressPage() {
+  // This component does nothing because we're redirecting server-side
+  return null
+}

public/mainnet/osmosis-1/pools_list.json

@@ -29,6 +29,7 @@
   "pools": [
     {
       "pool_id": "ampOSMO-OSMO",
+      "osmo_pool_id": 1461,
       "lpOrder": [
         "ampOSMO",
         "OSMO"
@@ -76,6 +77,7 @@
     },
     {
       "pool_id": "SAIL-WHALE",
+      "osmo_pool_id": 1462,
       "lpOrder": [
         "SAIL",
         "WHALE"
@@ -123,6 +125,7 @@
     },
     {
       "pool_id": "WHALE-OSMO",
+      "osmo_pool_id": 1463,
       "lpOrder": [
         "WHALE",
         "OSMO"
@@ -171,6 +174,7 @@
     },
     {
       "pool_id": "ROAR-OSMO",
+      "osmo_pool_id": 1575,
       "lpOrder": [
         "ROAR",
         "OSMO"
@@ -218,6 +222,7 @@
     },
     {
       "pool_id": "SHARK-OSMO",
+      "osmo_pool_id": 1584,
       "lpOrder": [
         "SHARK",
         "OSMO"
@@ -265,6 +270,7 @@
     },
     {
       "pool_id": "bOSMO-OSMO",
+      "osmo_pool_id": 1643,
       "lpOrder": [
         "bOSMO",
         "OSMO"
@@ -312,6 +318,7 @@
     },
     {
       "pool_id": "WHALE-WBTC",
+      "osmo_pool_id": 1644,
       "lpOrder": [
         "WHALE",
         "WBTC"
@@ -360,6 +367,7 @@
     },
     {
       "pool_id": "LAB-OSMO",
+      "osmo_pool_id": 1642,
       "lpOrder": [
         "LAB",
         "OSMO"