From 873676a5ec49921e9fd30c0487c82c4e4aa225d3 Mon Sep 17 00:00:00 2001
From: Peterbjx <jianxiong.bai@aelf.io>
Date: Mon, 29 Apr 2024 14:04:25 +0800
Subject: [PATCH] feat: data cache

---
 public/favicon.ico                           | Bin 0 -> 5965 bytes
 src/app/[chain]/block/[hash]/page.tsx        |   3 +++
 src/app/[chain]/blocks/blockList.tsx         |   2 +-
 src/app/[chain]/layout.tsx                   |   3 +++
 src/app/[chain]/loading.tsx                  |   7 +++++++
 src/app/[chain]/token/[tokenSymbol]/page.tsx |   3 +++
 src/app/[chain]/tokens/page.tsx              |   3 +++
 src/app/api/revalidate/route.ts              |   8 ++++++++
 src/app/layout.tsx                           |   9 +++++++--
 9 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 public/favicon.ico
 create mode 100644 src/app/[chain]/layout.tsx
 create mode 100644 src/app/[chain]/loading.tsx
 create mode 100644 src/app/api/revalidate/route.ts

diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..8cb7b995673279244fb753958501b068c990b0ce
GIT binary patch
literal 5965
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
JaKPj2e*vyvSDOF;

literal 0
HcmV?d00001

diff --git a/src/app/[chain]/block/[hash]/page.tsx b/src/app/[chain]/block/[hash]/page.tsx
index e7d26702..275eee35 100644
--- a/src/app/[chain]/block/[hash]/page.tsx
+++ b/src/app/[chain]/block/[hash]/page.tsx
@@ -17,3 +17,6 @@ export default async function Block({ params }: { params: { hash: string; chain:
   console.log(data, 'data');
   return <Detail SSRData={data} />;
 }
+
+export const revalidate = 1;
+export const dynamic = 'force-dynamic';
diff --git a/src/app/[chain]/blocks/blockList.tsx b/src/app/[chain]/blocks/blockList.tsx
index b59139b8..4aad7db6 100644
--- a/src/app/[chain]/blocks/blockList.tsx
+++ b/src/app/[chain]/blocks/blockList.tsx
@@ -41,6 +41,7 @@ export default function BlockList({ SSRData }) {
   const [data, setData] = useState<IBlocksResponseItem[]>(SSRData.blocks);
   const { defaultChain } = useAppSelector((state) => state.getChainId);
   const totalPage = Math.floor((total + pageSize - 1) / pageSize) || 1;
+  const { chain } = useParams();
   const fetchData = useCallback(
     async (pageSize, type: pageType) => {
       let blockHeight;
@@ -71,7 +72,6 @@ export default function BlockList({ SSRData }) {
     [currentPage, data, defaultChain, totalPage],
   );
 
-  const { chain } = useParams();
   const [timeFormat, setTimeFormat] = useState<string>('Age');
   const columns = useMemo<ColumnsType<IBlocksResponseItem>>(() => {
     return getColumns({
diff --git a/src/app/[chain]/layout.tsx b/src/app/[chain]/layout.tsx
new file mode 100644
index 00000000..1ad5b9a4
--- /dev/null
+++ b/src/app/[chain]/layout.tsx
@@ -0,0 +1,3 @@
+export default function Layout({ children }) {
+  return <div>{children}</div>;
+}
diff --git a/src/app/[chain]/loading.tsx b/src/app/[chain]/loading.tsx
new file mode 100644
index 00000000..2b09afda
--- /dev/null
+++ b/src/app/[chain]/loading.tsx
@@ -0,0 +1,7 @@
+'use client';
+import { useIsGovernance } from '@_hooks/useIsPath';
+import { Skeleton } from 'antd';
+export default function Loading() {
+  const isGovernance = useIsGovernance();
+  return !isGovernance && <Skeleton className="main-skeleton top-[104px] h-[calc(100vh-474px)]" />;
+}
diff --git a/src/app/[chain]/token/[tokenSymbol]/page.tsx b/src/app/[chain]/token/[tokenSymbol]/page.tsx
index fdd5e76d..ac76bb61 100644
--- a/src/app/[chain]/token/[tokenSymbol]/page.tsx
+++ b/src/app/[chain]/token/[tokenSymbol]/page.tsx
@@ -25,3 +25,6 @@ export default async function TokenSymbol({
     </div>
   );
 }
+
+export const revalidate = 1;
+export const dynamic = 'force-dynamic';
diff --git a/src/app/[chain]/tokens/page.tsx b/src/app/[chain]/tokens/page.tsx
index aac42861..15601cca 100644
--- a/src/app/[chain]/tokens/page.tsx
+++ b/src/app/[chain]/tokens/page.tsx
@@ -22,3 +22,6 @@ export default async function TokensPage({ params }: { params: ChainId }) {
   });
   return <TokensList SSRData={data} />;
 }
+
+export const revalidate = 1;
+export const dynamic = 'force-dynamic';
diff --git a/src/app/api/revalidate/route.ts b/src/app/api/revalidate/route.ts
new file mode 100644
index 00000000..f459aa59
--- /dev/null
+++ b/src/app/api/revalidate/route.ts
@@ -0,0 +1,8 @@
+import { NextRequest } from 'next/server';
+import { revalidateTag } from 'next/cache';
+
+export async function GET(request: NextRequest) {
+  const tag = request.nextUrl.searchParams.get('tag');
+  revalidateTag(tag || '');
+  return Response.json({ revalidated: true, now: Date.now() });
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 878c7957..3e029540 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -21,10 +21,11 @@ import StyleRegistry from './StyleRegistry';
 import { fetchCMS } from '@_api/fetchCMS';
 import { PublicEnvProvider } from 'next-runtime-env';
 import type { Viewport } from 'next';
+import { revalidatePath } from 'next/cache';
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: 'AELF Block Explorer',
+  description: 'AELF explorer',
 };
 async function fetchData() {
   await new Promise((resolve) => setTimeout(resolve, 1000));
@@ -37,6 +38,7 @@ async function fetchData() {
 }
 
 export default async function RootLayout({ children }: { children: React.ReactNode }) {
+  revalidatePath('/', 'layout');
   const data = await fetchData();
   const { price, previousPrice } = data;
   const headersList = headers();
@@ -44,6 +46,9 @@ export default async function RootLayout({ children }: { children: React.ReactNo
   const { headerMenuList, footerMenuList, chainList, networkList } = await fetchCMS();
   return (
     <html lang="en">
+      <head>
+        <link rel="icon" href="/favicon.ico" />
+      </head>
       <body>
         <div className="relative box-border min-h-screen bg-global-grey">
           <PublicEnvProvider>