root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(global): disable overview click event

Browse Source
This commit is contained in:
hamster1963 2024-11-21 10:20:06 +08:00
parent 722ec67091
commit 753c7dec10
3 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/(main)/ClientComponents/ServerListClient.tsx
View File

@ -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"

21
app/(main)/ClientComponents/ServerOverviewClient.tsx
View File

@ -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">

7
components/GlobalBackButton.tsx
View File

@ -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(`/`);
}, []);