fix: use replace revalidate tag with router refresh

rango-exchange · Dec 23, 2024 · 7b60896 · 7b60896
1 parent 06aea3c
commit 7b60896
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 12 deletions.
diff --git a/src/app/(home)/_components/Timer/index.tsx b/src/app/(home)/_components/Timer/index.tsx
@@ -1,15 +1,17 @@
 'use client';
 
-import refreshLatestSwaps from 'src/app/actions';
 import RefreshButton from 'src/components/common/RefreshButton';
 import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
 
 const REFRESH_TIME = 30;
 
 export const Timer = () => {
   const [second, setSecond] = useState(REFRESH_TIME);
   const [isRefreshInProgress, setIsRefreshInProgress] = useState(false);
 
+  const router = useRouter();
+
   useEffect(() => {
     const interval = setInterval(async () => {
       if (second > 0) {
@@ -25,7 +27,7 @@ export const Timer = () => {
 
   const handleRefresh = () => {
     setIsRefreshInProgress(true);
-    refreshLatestSwaps();
+    router.refresh();
     setSecond(REFRESH_TIME);
   };
 

diff --git a/src/app/actions.ts b/src/app/actions.ts
diff --git a/src/services/index.ts b/src/services/index.ts
@@ -8,11 +8,10 @@ import {
   SECONDS_PER_MINUTE,
 } from '../constant';
 
-export const GET_LAST_SWAPS_TAG = 'getLastSwaps';
 export const getLastSwaps = async () =>
   await fetch(
     `${API_URL}/scanner/tx/latest?count=20&apiKey=${process.env.NEXT_PUBLIC_API_KEY}`,
-    { next: { tags: [GET_LAST_SWAPS_TAG], revalidate: 30 } },
+    { next: { revalidate: 30 } },
   )
     .then(async (res) => await res.json())
     .then((data) => data?.transactions || data);