refactor: use hook

BearStudio · Oct 9, 2023 · bae4d43 · bae4d43
1 parent 4bf02e0
commit bae4d43
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/features/auth/PageLoginValidate.tsx b/src/features/auth/PageLoginValidate.tsx
@@ -29,15 +29,16 @@ import {
   getRetryDelayInSeconds,
 } from '@/features/auth/utils';
 import { DevCodeHint } from '@/features/dev/DevCodeHint';
+import { useSearchParamsUpdater } from '@/hooks/useSearchParamsUpdater';
 import { trpc } from '@/lib/trpc/client';
 
 export default function PageLoginValidate() {
   const { t } = useTranslation(['auth']);
   const router = useRouter();
   const params = useParams();
-  const pathname = usePathname();
   const trpcContext = trpc.useContext();
   const searchParams = useSearchParams();
+  const searchParamsUpdater = useSearchParamsUpdater();
 
   const token = params?.token?.toString() ?? '';
   const email = searchParams.get('email');
@@ -63,9 +64,12 @@ export default function PageLoginValidate() {
           code: `Code is invalid, please wait ${seconds} seconds before submitting`,
         });
 
-        const params = new URLSearchParams(searchParams);
-        params.set('retries', (retries + 1).toString());
-        router.replace(`${pathname}?${params.toString()}`);
+        searchParamsUpdater(
+          {
+            retries: (retries + 1).toString(),
+          },
+          { replace: true }
+        );
 
         await new Promise((r) => {
           setTimeout(r, seconds * 1_000);