diff --git a/src/components/Pool/Pool.tsx b/src/components/Pool/Pool.tsx index 590fef7..1ada861 100644 --- a/src/components/Pool/Pool.tsx +++ b/src/components/Pool/Pool.tsx @@ -29,6 +29,7 @@ const Pool = (data: any) => { ], rows: Object.values(data.data).map((pool: any) => { return [ + // eslint-disable-next-line react/jsx-key { {pool.poolId} , , + // eslint-disable-next-line react/jsx-key
, // pool.name, FIXME: THE API DOES NOT RETURN THE POOL NAME // shortenPoolName("Pool Name is really long"), + // eslint-disable-next-line react/jsx-key
, formatAmount(pool.amount), shortenPoolName(pool.profile.name), + // eslint-disable-next-line react/jsx-key
, convertChainIdToNetworkName(pool.chainId), ]; diff --git a/src/components/Pool/PoolDetail.tsx b/src/components/Pool/PoolDetail.tsx index 738095a..f648f6e 100644 --- a/src/components/Pool/PoolDetail.tsx +++ b/src/components/Pool/PoolDetail.tsx @@ -6,6 +6,7 @@ import { MetadataProtocol } from "@/types/types"; import { TbExternalLink } from "react-icons/tb"; import JsonView from "@uiw/react-json-view"; import { ethers } from "ethers"; +import Link from "next/link"; const PoolDetailPage = ({ pool, @@ -18,14 +19,23 @@ const PoolDetailPage = ({ return (
-
-

- {/* {pool.name} */} - "Pool Name" -

-

- {pool.poolId} -

+
+
+

+ {/* {pool.name} */} + This is a test pool +

+

+ {pool.poolId} +

+
+
+ + + +
diff --git a/src/components/Registry/Profile.tsx b/src/components/Registry/Profile.tsx index 6cc2976..bcbf1e7 100644 --- a/src/components/Registry/Profile.tsx +++ b/src/components/Registry/Profile.tsx @@ -1,4 +1,5 @@ "use client"; + import Link from "next/link"; import { Address, truncatedString } from "../Address"; import Table from "../Table"; diff --git a/src/components/Registry/ProfileDetail.tsx b/src/components/Registry/ProfileDetail.tsx index aa9e2ed..f372c75 100644 --- a/src/components/Registry/ProfileDetail.tsx +++ b/src/components/Registry/ProfileDetail.tsx @@ -1,4 +1,5 @@ "use client"; + import { convertChainIdToNetworkName } from "@/utils/utils"; import { AddressResponsive } from "../Address"; import { TProfileDetails } from "./types"; @@ -6,7 +7,6 @@ import { MetadataProtocol } from "@/types/types"; import { TbExternalLink } from "react-icons/tb"; import JsonView from "@uiw/react-json-view"; - const ProfileDetail = ({ profile, metadata, @@ -83,8 +83,8 @@ const ProfileDetail = ({
    - {profile.members.map((member) => ( -
  • + {profile.members.map((member, index) => ( +
  • @@ -120,7 +120,11 @@ const ProfileDetail = ({
- +
diff --git a/src/components/Table.tsx b/src/components/Table.tsx index b5bc060..8e69582 100644 --- a/src/components/Table.tsx +++ b/src/components/Table.tsx @@ -40,12 +40,14 @@ const Table = ({ data }: { data: TTableData }) => { {data.rows.map((row, index) => ( {row.map((col, colIndex) => ( - - {col} - + <> + + {col} + + ))} ))}