use BASE_URL instead of multiple instances of the the base url

bleu · Aug 30, 2023 · 5b19bff · 5b19bff
1 parent 0e1eaa9
commit 5b19bff
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 14 deletions.
diff --git a/apps/balancer-tools/src/app/apr/api/route.ts b/apps/balancer-tools/src/app/apr/api/route.ts
@@ -7,7 +7,8 @@ import { fetcher } from "#/utils/fetcher";
 import { calculatePoolStats } from "../(utils)/calculatePoolStats";
 import { Round } from "../(utils)/rounds";
 
-const BASE_URL = process.env.NEXT_PUBLIC_SITE_URL;
+export const BASE_URL =
+  process.env.NEXT_PUBLIC_SITE_URL ?? process.env.NEXT_PUBLIC_VERCEL_URL;
 
 type Order = "asc" | "desc";
 

diff --git a/apps/balancer-tools/src/app/apr/pool/(components)/HistoricalAPRChart.tsx b/apps/balancer-tools/src/app/apr/pool/(components)/HistoricalAPRChart.tsx
@@ -4,7 +4,7 @@ import { PlotType } from "plotly.js";
 import { trimTrailingValues } from "#/lib/utils";
 import { fetcher } from "#/utils/fetcher";
 
-import { PoolStatsResults } from "../../api/route";
+import { BASE_URL, PoolStatsResults } from "../../api/route";
 import HistoricalAPRPlot from "./HistoricalAPRPlot";
 
 const getRoundName = (roundId?: string | number) =>
@@ -20,7 +20,7 @@ export default async function HistoricalAPRChart({
   const HOVERTEMPLATE = "%{x}<br />%{y:.2f}% APR<extra></extra>";
 
   const results: PoolStatsResults = await fetcher(
-    `${process.env.NEXT_PUBLIC_SITE_URL}/apr/api/?poolId=${poolId}&sort=roundId`,
+    `${BASE_URL}/apr/api/?poolId=${poolId}&sort=roundId`,
   );
 
   const aprPerRoundCords = Object.entries(results.perRound).reduce(

diff --git a/apps/balancer-tools/src/app/apr/pool/(components)/PoolOverviewCards.tsx b/apps/balancer-tools/src/app/apr/pool/(components)/PoolOverviewCards.tsx
@@ -5,18 +5,18 @@ import OverviewCards, {
 } from "../../(components)/OverviewCards";
 import { calculatePoolStats } from "../../(utils)/calculatePoolStats";
 import { formatAPR, formatTVL } from "../../(utils)/formatPoolStats";
-import { PoolStatsResults } from "../../api/route";
+import { BASE_URL, PoolStatsResults } from "../../api/route";
 
 async function AverageTVLCard({ poolId }: { poolId: string }) {
   const data: PoolStatsResults = await fetcher(
-    `${process.env.NEXT_PUBLIC_SITE_URL}/apr/api/?poolId=${poolId}`,
+    `${BASE_URL}/apr/api/?poolId=${poolId}`,
   );
   return <div>{formatTVL(data.average.tvl)}</div>;
 }
 
 async function AverageAPRCard({ poolId }: { poolId: string }) {
   const data: PoolStatsResults = await fetcher(
-    `${process.env.NEXT_PUBLIC_SITE_URL}/apr/api/?poolId=${poolId}`,
+    `${BASE_URL}/apr/api/?poolId=${poolId}`,
   );
   return <div>{formatAPR(data.average.apr)}</div>;
 }

diff --git a/apps/balancer-tools/src/app/apr/round/(components)/PoolListTable.tsx b/apps/balancer-tools/src/app/apr/round/(components)/PoolListTable.tsx
@@ -22,7 +22,7 @@ import { formatNumber } from "#/utils/formatNumber";
 
 import { PoolTypeEnum } from "../../(utils)/calculatePoolStats";
 import { formatAPR, formatTVL } from "../../(utils)/formatPoolStats";
-import { PoolStatsData, PoolStatsResults } from "../../api/route";
+import { BASE_URL, PoolStatsData, PoolStatsResults } from "../../api/route";
 
 export function PoolListTable({
   roundId,
@@ -71,9 +71,7 @@ export function PoolListTable({
   const loadMorePools = async () => {
     setIsLoadingMore(true);
     const aditionalPoolsData = await fetcher<PoolStatsResults>(
-      `${
-        process.env.NEXT_PUBLIC_SITE_URL
-      }/apr/api/?roundId=${roundId}&sort=${sortField}&order=${order}&limit=10&offset=${
+      `${BASE_URL}/apr/api/?roundId=${roundId}&sort=${sortField}&order=${order}&limit=10&offset=${
         Object.keys(tableData).length
       }&minTvl=1000`,
     );

diff --git a/apps/balancer-tools/src/app/apr/round/(components)/PoolTableWrapper.tsx b/apps/balancer-tools/src/app/apr/round/(components)/PoolTableWrapper.tsx
@@ -1,6 +1,6 @@
 import { fetcher } from "#/utils/fetcher";
 
-import { PoolStatsResults } from "../../api/route";
+import { BASE_URL, PoolStatsResults } from "../../api/route";
 import { PoolListTable } from "./PoolListTable";
 
 export default async function PoolTableWrapper({
@@ -9,7 +9,7 @@ export default async function PoolTableWrapper({
   roundId: string;
 }) {
   const initialData = await fetcher<PoolStatsResults>(
-    `${process.env.NEXT_PUBLIC_SITE_URL}/apr/api/?roundId=${roundId}&sort=apr&limit=10&order=desc&minTvl=1000`,
+    `${BASE_URL}/apr/api/?roundId=${roundId}&sort=apr&limit=10&order=desc&minTvl=1000`,
   );
   return <PoolListTable roundId={roundId} initialData={initialData} />;
 }
diff --git a/apps/balancer-tools/src/app/apr/round/(components)/TopPoolsChart.tsx b/apps/balancer-tools/src/app/apr/round/(components)/TopPoolsChart.tsx
@@ -4,14 +4,14 @@ import { PlotType } from "plotly.js";
 import Plot from "#/components/Plot";
 import { fetcher } from "#/utils/fetcher";
 
-import { PoolStatsResults } from "../../api/route";
+import { BASE_URL, PoolStatsResults } from "../../api/route";
 
 export default async function TopPoolsChart({ roundId }: { roundId: string }) {
   const shades = Object.values(greenDarkA).map((color) => color.toString());
   const colors = [...shades.slice(4, 10).reverse(), ...shades.slice(4, 10)];
 
   const topAprApi = await fetcher<PoolStatsResults>(
-    `${process.env.NEXT_PUBLIC_SITE_URL}/apr/api/?roundId=${roundId}&sort=apr&limit=10&order=desc&minTvl=1000`,
+    `${BASE_URL}/apr/api/?roundId=${roundId}&sort=apr&limit=10&order=desc&minTvl=1000`,
   );
 
   const chartData = {