diff --git a/explorer-nextjs/src/app/(pages)/nym-node/[id]/page.tsx b/explorer-nextjs/src/app/(pages)/nym-node/[id]/page.tsx index 1bedf7c008..2387692903 100644 --- a/explorer-nextjs/src/app/(pages)/nym-node/[id]/page.tsx +++ b/explorer-nextjs/src/app/(pages)/nym-node/[id]/page.tsx @@ -1,5 +1,6 @@ import type NodeData from "@/app/api/types"; -import { NYM_NODES } from "@/app/api/urls"; +import type { IObservatoryNode } from "@/app/api/types"; +import { DATA_OBSERVATORY_NODES_URL, NYM_NODES } from "@/app/api/urls"; import BlogArticlesCards from "@/components/blogs/BlogArticleCards"; import { ContentLayout } from "@/components/contentLayout/ContentLayout"; import SectionHeading from "@/components/headings/SectionHeading"; @@ -21,6 +22,24 @@ export default async function NymNode({ try { const id = Number((await params).id); + const observatoryResponse = await fetch(DATA_OBSERVATORY_NODES_URL, { + headers: { + Accept: "application/json", + "Content-Type": "application/json; charset=utf-8", + }, + next: { revalidate: 60 }, + // refresh event list cache at given interval + }); + + const observatoryNymNodes: IObservatoryNode[] = + await observatoryResponse.json(); + + const observatoryNymNode = observatoryNymNodes.find( + (node) => node.node_id === id, + ); + + console.log("observatorynNymNode :>> ", observatoryNymNode); + const response = await fetch(NYM_NODES, { headers: { Accept: "application/json", @@ -38,7 +57,7 @@ export default async function NymNode({ const nymNode = nymNodes.find((node) => node.node_id === id); - if (!nymNode) { + if (!nymNode || !observatoryNymNode) { return null; } @@ -73,6 +92,7 @@ export default async function NymNode({ { - const { bondInfo, nodeDescription } = props; + const { bondInfo, nodeDescription, nodeInfo } = props; const { isWalletConnected } = useChain(COSMOS_KIT_USE_CHAIN); const { nymClient } = useNymClient(); const [infoModalProps, setInfoModalProps] = useState({ @@ -111,18 +116,19 @@ export const NodeProfileCard = (props: INodeProfileCardProps) => { - {"Moniker"} + {nodeInfo.self_description.moniker} {nodeDescription && ( )} - - Team of professional validators with best digital solutions. Please - visit our Telegram🔹https://t.me/CryptoSailorsAnn🔹 + + {nodeInfo.self_description.details}