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}
+ |
+ >
))}
))}