From d279ce6989166569513d3df14176e120fbf32ada Mon Sep 17 00:00:00 2001 From: Jaxcoder Date: Tue, 19 Sep 2023 17:13:16 -0400 Subject: [PATCH] chore: wip mobile updates --- src/app/layout.tsx | 2 +- src/components/Pool/Pool.tsx | 18 +++++++++++++----- src/components/Pool/PoolDetail.tsx | 2 +- src/components/Registry/Profile.tsx | 4 +++- src/components/Table.tsx | 7 ++++++- 5 files changed, 24 insertions(+), 9 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 69d43e5..6c3afa3 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -22,7 +22,7 @@ export default function RootLayout({
-
+
{children}
diff --git a/src/components/Pool/Pool.tsx b/src/components/Pool/Pool.tsx index cfb3696..590fef7 100644 --- a/src/components/Pool/Pool.tsx +++ b/src/components/Pool/Pool.tsx @@ -2,8 +2,12 @@ // eslint-disable-file react/jsx-key import Table from "../Table"; import { TTableData } from "@/types/types"; -import { Address, convertBytesToShortString, truncatedString } from "../Address"; -import { convertChainIdToNetworkName, formatAmount, shortenPoolName } from "@/utils/utils"; +import { Address } from "../Address"; +import { + convertChainIdToNetworkName, + formatAmount, + shortenPoolName, +} from "@/utils/utils"; import Link from "next/link"; // import Status from "../Status"; @@ -25,9 +29,13 @@ const Pool = (data: any) => { ], rows: Object.values(data.data).map((pool: any) => { return [ - - {truncatedString(pool.poolId)} - ,, + + {pool.poolId} + , + ,
, // pool.name, FIXME: THE API DOES NOT RETURN THE POOL NAME // shortenPoolName("Pool Name is really long"), diff --git a/src/components/Pool/PoolDetail.tsx b/src/components/Pool/PoolDetail.tsx index e7c12af..738095a 100644 --- a/src/components/Pool/PoolDetail.tsx +++ b/src/components/Pool/PoolDetail.tsx @@ -23,7 +23,7 @@ const PoolDetailPage = ({ {/* {pool.name} */} "Pool Name" -

+

{pool.poolId}

diff --git a/src/components/Registry/Profile.tsx b/src/components/Registry/Profile.tsx index 9e8bbbe..6cc2976 100644 --- a/src/components/Registry/Profile.tsx +++ b/src/components/Registry/Profile.tsx @@ -15,7 +15,9 @@ const Profile = (data: any) => { return [ // eslint-disable-next-line react/jsx-key - {truncatedString(profile.profileId)} + + {truncatedString(profile.profileId)} + , // eslint-disable-next-line react/jsx-key
, diff --git a/src/components/Table.tsx b/src/components/Table.tsx index 2cbd82d..b5bc060 100644 --- a/src/components/Table.tsx +++ b/src/components/Table.tsx @@ -19,7 +19,7 @@ const Table = ({ data }: { data: TTableData }) => {
- + {data.headers.map((header, index) => ( ))} + + + {/* TODO: we need to dynamically display Anchor or Address depnding on profile or pool table */} + + {data.rows.map((row, index) => (
{
IDAnchress