diff --git a/src/pages/turbo/safe/[id].tsx b/src/pages/turbo/safe/[id].tsx
index a0e73bcb..dd404bfa 100644
--- a/src/pages/turbo/safe/[id].tsx
+++ b/src/pages/turbo/safe/[id].tsx
@@ -3,11 +3,29 @@ import TurboSafePage from "components/pages/Turbo/TurboSafePage/TurboSafePage";
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import { useRouter } from "next/router";
import Head from "next/head";
+import { chooseBestWeb3Provider } from "utils/web3Providers";
+import { createTurboSafe } from "lib/turbo/utils/turboContracts";
+import { getSafeInfo } from "lib/turbo/fetchers/safes/getSafeInfo";
+import { fetchTokenData } from "hooks/useTokenData";
+
+export async function getStaticProps({
+ locale,
+ params,
+}: {
+ locale: string;
+ params: any;
+}) {
+ const { id } = params;
+ const provider = chooseBestWeb3Provider();
+ const turboSafe = createTurboSafe(provider, id);
+ const collateral = await turboSafe.callStatic.asset();
+ const { symbol } = await fetchTokenData(collateral);
-export async function getStaticProps({ locale }: { locale: string }) {
return {
props: {
...(await serverSideTranslations(locale)),
+ safeId: id,
+ symbol,
},
};
}
@@ -19,25 +37,31 @@ export const getStaticPaths = async () => {
};
};
-const Page: NextPage = () => {
- const {
- query: { id },
- } = useRouter();
+const Page: NextPage<{
+ safeId: string;
+ symbol: string;
+}> = ({ safeId, symbol }) => {
return (
<>
Safe | Tribe Turbo
-
-
+
+
-
-
+
+