src/app_modules/waiting_room/view.tsx

@@ -25,6 +25,7 @@ export default function WaitingRoom_View({
   const [isLoadingHome, setIsLoadingHome] = useState(false);
 
   async function onClickLogout() {
+    try {
       setLoading(true);
       const res = await fetch(`/api/auth/logout?id=${userLoginId}`, {
         method: "GET",
@@ -35,6 +36,11 @@ export default function WaitingRoom_View({
         ComponentGlobal_NotifikasiBerhasil(result.message);
         router.push("/", { scroll: false });
       }
+    } catch (error) {
+      console.error("Error button to home", error);
+    } finally {
+      setLoading(false);
+    }
   }
 
   const [isAccess, setIsAccess] = useState<boolean | null>(null);
@@ -83,7 +89,8 @@ export default function WaitingRoom_View({
                   </Text>
                   <Text fw={"bold"} c={"white"} align="center">
                     Harap tunggu, Anda akan menerima pemberitahuan melalui
-                    Whatsapp setelah disetujui.
+                    Whatsapp setelah disetujui, untuk sementara anda bisa
+                    menunggu pada halaman ini atau keluar.
                   </Text>
                 </Stack>
                 {isAccess && (
@@ -110,6 +117,10 @@ export default function WaitingRoom_View({
                     Home
                   </Button>
                 )}
+
+                <Button color="red" loading={loading} onClick={onClickLogout}>
+                  Keluar
+                </Button>
               </Stack>
             )}
           </ComponentGlobal_CardStyles>

src/middleware.tsx

@@ -65,7 +65,7 @@ export const middleware = async (req: NextRequest) => {
 
   const { pathname } = req.nextUrl;
 
-  const apiBaseUrl = new URL(req.url).origin || process.env.NEXT_PUBLIC_API_URL;
+  const apiBaseUrl = process.env.NEXT_PUBLIC_API_URL || new URL(req.url).origin;
   // Removed excessive logging that was causing high CPU usage
   // const dbUrl = process.env.DATABASE_URL;
   // console.log("DATABASE_URL >>", dbUrl);