Fix Pool Page via pre-render (#1502)

* poolid fix * pool id * fix pool page * yarn lint * remove package.json changes --------- Co-authored-by: Trajan0x <[email protected]>
synapsecns · Oct 27, 2023 · d8bcb90 · d8bcb90
1 parent 2e0433b
commit d8bcb90
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/packages/synapse-interface/pages/pool/[poolId].tsx b/packages/synapse-interface/pages/pool/[poolId].tsx
@@ -13,7 +13,23 @@ import { RootState } from '@/store/store'
 import { resetPoolDeposit } from '@/slices/poolDepositSlice'
 import { resetPoolWithdraw } from '@/slices/poolWithdrawSlice'
 import LoadingDots from '@/components/ui/tailwind/LoadingDots'
-import { fetchPoolUserData } from '@/slices/poolUserDataSlice'
+import { POOL_BY_ROUTER_INDEX } from "@constants/tokens";
+
+export const getStaticPaths = (async () => {
+  const paths = Object.keys(POOL_BY_ROUTER_INDEX).map((key) => ({
+    params: { poolId: key }
+  }));
+
+  return {
+    paths,
+    fallback: false, // false or "blocking"
+  }
+});
+
+export const getStaticProps = (async (context) => {
+  return { props: {  } }
+})
+
 
 const PoolPage = () => {
   const router = useRouter()
@@ -24,6 +40,7 @@ const PoolPage = () => {
 
   const { pool, isLoading } = useSelector((state: RootState) => state.poolData)
 
+
   const dispatch: any = useDispatch()
 
   useEffect(() => {