From 4de49cb3ab83e4b0d3772c4e50f1b46b7d7aba59 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Mon, 16 Dec 2024 09:39:48 +0800
Subject: [PATCH] fix: refactor main page

---
 app/(main)/page.tsx           |  8 ++++----
 components/BlurLayer.tsx      | 35 -----------------------------------
 components/ServerList.tsx     |  5 -----
 components/ServerOverview.tsx |  5 -----
 4 files changed, 4 insertions(+), 49 deletions(-)
 delete mode 100644 components/BlurLayer.tsx
 delete mode 100644 components/ServerList.tsx
 delete mode 100644 components/ServerOverview.tsx

diff --git a/app/(main)/page.tsx b/app/(main)/page.tsx
index e7f0b6f..db7eb6d 100644
--- a/app/(main)/page.tsx
+++ b/app/(main)/page.tsx
@@ -1,11 +1,11 @@
-import ServerList from "@/components/ServerList"
-import ServerOverview from "@/components/ServerOverview"
+import ServerListClient from "./ClientComponents/ServerListClient"
+import ServerOverviewClient from "./ClientComponents/ServerOverviewClient"
 
 export default async function Home() {
   return (
     <div className="mx-auto grid w-full max-w-5xl gap-4 md:gap-6">
-      <ServerOverview />
-      <ServerList />
+      <ServerOverviewClient />
+      <ServerListClient />
     </div>
   )
 }
diff --git a/components/BlurLayer.tsx b/components/BlurLayer.tsx
deleted file mode 100644
index 1c52275..0000000
--- a/components/BlurLayer.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from "react"
-
-const BlurLayers = () => {
-  const computeLayerStyle = (index: number) => {
-    const blurAmount = index * 3.7037
-    const maskStart = index * 10
-    let maskEnd = maskStart + 20
-    if (maskEnd > 100) {
-      maskEnd = 100
-    }
-    return {
-      backdropFilter: `blur-sm(${blurAmount}px)`,
-      WebkitBackdropFilter: `blur-sm(${blurAmount}px)`,
-      zIndex: index + 1,
-      maskImage: `linear-gradient(rgba(0, 0, 0, 0) ${maskStart}%, rgb(0, 0, 0) ${maskEnd}%)`,
-    }
-  }
-
-  // 根据层数动态生成层
-  const layers = Array.from({ length: 5 }).map((_, index) => (
-    <div
-      key={index}
-      className={"absolute inset-0 h-full w-full"}
-      style={computeLayerStyle(index)}
-    />
-  ))
-
-  return (
-    <div className={"fixed bottom-0 left-0 right-0 z-50 h-[140px]"}>
-      <div className={"relative h-full"}>{layers}</div>
-    </div>
-  )
-}
-
-export default BlurLayers
diff --git a/components/ServerList.tsx b/components/ServerList.tsx
deleted file mode 100644
index fd28224..0000000
--- a/components/ServerList.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import ServerListClient from "@/app/(main)/ClientComponents/ServerListClient"
-
-export default async function ServerList() {
-  return <ServerListClient />
-}
diff --git a/components/ServerOverview.tsx b/components/ServerOverview.tsx
deleted file mode 100644
index 79814e6..0000000
--- a/components/ServerOverview.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import ServerOverviewClient from "@/app/(main)/ClientComponents/ServerOverviewClient"
-
-export default async function ServerOverview() {
-  return <ServerOverviewClient />
-}