From 9169b7241052916f7118556f96b3b141044f61dd Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 13 Jan 2023 15:34:22 +0700
Subject: disable multiple back in appbar

---
 src/components/AppBar.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src/components')
diff --git a/src/components/AppBar.js b/src/components/AppBar.js
index 1da2510a..aeffdf12 100644
--- a/src/components/AppBar.js
+++ b/src/components/AppBar.js
@@ -21,6 +21,11 @@ const AppBar = ({ title }) => {
     };
   }, []);
 
+  const handleBackButtonClick = (event) => {
+    event.currentTarget.disabled = true;
+    router.back();
+  }
+
   return (
     <>
       <Head>
@@ -29,7 +34,7 @@ const AppBar = ({ title }) => {
       <div className={"sticky-header flex justify-between !p-0 !pr-4 idt-transition " + (scrollPosition > 0 && "shadow border-b-transparent" ) }>
         {/* --- Start Title */}
         <div className="flex items-center">
-          <button type="button" onClick={() => router.back()} className="text-gray_r-12 px-4 py-5">
+          <button type="button" onClick={handleBackButtonClick} className="text-gray_r-12 px-4 py-5">
             <ArrowLeftIcon className="w-6 stroke-2"/>
           </button>
           <h1 className="text-h-md">{ title }</h1> 
-- 
cgit v1.2.3

