feat(frontend): nft token details page (#1363)

Author: bayulaksana479

apps/api/src/services/v3/search/index.ts

@@ -36,7 +36,7 @@ const getFts = async (keyword: string) => {
 
   return dbEvents.manyOrNone<SearchFT>(sql.fts, {
     contract: query,
-    hex: /^0x/.test(query) ? query : null,
+    hex: query.startsWith('0x') ? query : null,
   });
 };
 

apps/backend/src/services/contracts/tasks.ts

@@ -276,7 +276,7 @@ const fetchStakingPoolInfo = async () => {
 
     if (mappings.valueMap.size > 0) {
       const mappingsnew = {
-        valueMap: new Map([...mappings.valueMap]),
+        valueMap: new Map(mappings.valueMap),
       };
 
       await dbBase('validator_data').update(
@@ -364,7 +364,7 @@ const fetchPoolInfo = async () => {
 
     if (mappings.valueMap.size > 0) {
       const mappingsnew = {
-        valueMap: new Map([...mappings.valueMap]),
+        valueMap: new Map(mappings.valueMap),
       };
       await dbBase('validator_data').update(
         'staking_pool_infos',

…[lang]/nft-tokens/[cid]/holders/page.tsx …tokens/[cid]/(contract)/holders/page.tsxapps/frontend/src/app/[lang]/nft-tokens/[cid]/holders/page.tsx renamed to apps/frontend/src/app/[lang]/nft-tokens/[cid]/(contract)/holders/page.tsx apps/frontend/src/app/[lang]/nft-tokens/[cid]/holders/page.tsx renamed to apps/frontend/src/app/[lang]/nft-tokens/[cid]/(contract)/holders/page.tsx

@@ -0,0 +1,45 @@
+import { ErrorSuspense } from '@/components/error-suspense';
+import { NftHeader } from '@/components/nft-tokens/token/header';
+import { NftOverview } from '@/components/nft-tokens/token/token/overview';
+import { NftTransfers } from '@/components/nft-tokens/token/token/transfers';
+import {
+  fetchNFTContract,
+  fetchNFTToken,
+  fetchNFTTokenTxnCount,
+  fetchNFTTokenTxns,
+} from '@/data/nft-tokens/contract';
+
+type Props = PageProps<'/[lang]/nft-tokens/[cid]/tokens/[tid]'>;
+
+const TokenDetailPage = async ({ params, searchParams }: Props) => {
+  const [{ cid, tid }, filters] = await Promise.all([params, searchParams]);
+  const tokenPromise = fetchNFTToken(cid, tid);
+  const contractPromise = fetchNFTContract(cid);
+  const txnsPromise = fetchNFTTokenTxns(cid, tid, filters);
+  const txnCountPromise = fetchNFTTokenTxnCount(cid, tid, filters);
+
+  return (
+    <>
+      <NftHeader
+        cid={cid}
+        contractPromise={contractPromise}
+        tokenPromise={tokenPromise}
+      />
+      <ErrorSuspense fallback={<NftOverview cid={cid} loading />}>
+        <NftOverview
+          cid={cid}
+          contractPromise={contractPromise}
+          tokenPromise={tokenPromise}
+        />
+      </ErrorSuspense>
+      <ErrorSuspense fallback={<NftTransfers loading />}>
+        <NftTransfers
+          txnCountPromise={txnCountPromise}
+          txnsPromise={txnsPromise}
+        />
+      </ErrorSuspense>
+    </>
+  );
+};
+
+export default TokenDetailPage;