From 753c7dec101c5c87ff37266e69d0af49668c46b9 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Thu, 21 Nov 2024 10:20:06 +0800
Subject: [PATCH] fix(global): disable overview click event

---
 .../ClientComponents/ServerListClient.tsx     |  3 ---
 .../ClientComponents/ServerOverviewClient.tsx | 21 ++++++++++++++-----
 components/GlobalBackButton.tsx               |  7 +++++++
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/app/(main)/ClientComponents/ServerListClient.tsx b/app/(main)/ClientComponents/ServerListClient.tsx
index a6add8a..f5124db 100644
--- a/app/(main)/ClientComponents/ServerListClient.tsx
+++ b/app/(main)/ClientComponents/ServerListClient.tsx
@@ -119,9 +119,6 @@ export default function ServerListClient() {
       <section className="flex items-center gap-2 w-full overflow-hidden">
         <button
           onClick={() => {
-            setStatus("all");
-            setFilter(false);
-            sessionStorage.removeItem("selectedTag");
             router.push(`/?global=true`);
           }}
           className="rounded-[50px] bg-stone-100 p-[10px] transition-all hover:bg-stone-200 dark:hover:bg-stone-700 dark:bg-stone-800"
diff --git a/app/(main)/ClientComponents/ServerOverviewClient.tsx b/app/(main)/ClientComponents/ServerOverviewClient.tsx
index b873c26..b15299d 100644
--- a/app/(main)/ClientComponents/ServerOverviewClient.tsx
+++ b/app/(main)/ClientComponents/ServerOverviewClient.tsx
@@ -43,12 +43,14 @@ export default function ServerOverviewClient() {
       <section className="grid grid-cols-2 gap-4 lg:grid-cols-4">
         <Card
           onClick={() => {
-            setFilter(false);
             if (!global) {
+              setFilter(false);
               setStatus("all");
             }
           }}
-          className="cursor-pointer hover:border-blue-500 transition-all"
+          className={cn("cursor-pointer hover:border-blue-500 transition-all", {
+            "pointer-events-none": global,
+          })}
         >
           <CardContent className="px-6 py-3">
             <section className="flex flex-col gap-1">
@@ -74,8 +76,8 @@ export default function ServerOverviewClient() {
         </Card>
         <Card
           onClick={() => {
-            setFilter(false);
             if (!global) {
+              setFilter(false);
               setStatus("online");
             }
           }}
@@ -84,6 +86,9 @@ export default function ServerOverviewClient() {
             {
               "ring-green-500 ring-2 border-transparent": status === "online",
             },
+            {
+              "pointer-events-none": global,
+            },
           )}
         >
           <CardContent className="px-6 py-3">
@@ -111,8 +116,8 @@ export default function ServerOverviewClient() {
         </Card>
         <Card
           onClick={() => {
-            setFilter(false);
             if (!global) {
+              setFilter(false);
               setStatus("offline");
             }
           }}
@@ -121,6 +126,9 @@ export default function ServerOverviewClient() {
             {
               "ring-red-500 ring-2 border-transparent": status === "offline",
             },
+            {
+              "pointer-events-none": global,
+            },
           )}
         >
           <CardContent className="px-6 py-3">
@@ -148,8 +156,8 @@ export default function ServerOverviewClient() {
         </Card>
         <Card
           onClick={() => {
-            setStatus("all");
             if (!global) {
+              setStatus("all");
               setFilter(true);
             }
           }}
@@ -158,6 +166,9 @@ export default function ServerOverviewClient() {
             {
               "ring-purple-500 ring-2 border-transparent": filter === true,
             },
+            {
+              "pointer-events-none": global,
+            },
           )}
         >
           <CardContent className="relative px-6 py-3">
diff --git a/components/GlobalBackButton.tsx b/components/GlobalBackButton.tsx
index 29de85c..fba367d 100644
--- a/components/GlobalBackButton.tsx
+++ b/components/GlobalBackButton.tsx
@@ -1,13 +1,20 @@
 "use client";
 
+import { useFilter } from "@/lib/network-filter-context";
+import { useStatus } from "@/lib/status-context";
 import { ServerStackIcon } from "@heroicons/react/20/solid";
 import { useRouter } from "next/navigation";
 import { useEffect } from "react";
 
 export default function GlobalBackButton() {
   const router = useRouter();
+  const { setStatus } = useStatus();
+  const { setFilter } = useFilter();
 
   useEffect(() => {
+    setStatus("all");
+    setFilter(false);
+    sessionStorage.removeItem("selectedTag");
     router.prefetch(`/`);
   }, []);