From c8b6c313575bb84a0b3bc2a69b5745528ddfc098 Mon Sep 17 00:00:00 2001
From: sijinhui <sijinhui@qq.com>
Date: Tue, 26 Mar 2024 21:18:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app/(admin)/admin/users/page.tsx          |  4 +++
 app/app/(admin)/components/sidebar.tsx        | 12 +++----
 .../(admin)/components/user-table-search.tsx  | 31 +++++++++++++++++++
 3 files changed, 41 insertions(+), 6 deletions(-)
 create mode 100644 app/app/(admin)/components/user-table-search.tsx

diff --git a/app/app/(admin)/admin/users/page.tsx b/app/app/(admin)/admin/users/page.tsx
index 2e94d5805..999964fe6 100644
--- a/app/app/(admin)/admin/users/page.tsx
+++ b/app/app/(admin)/admin/users/page.tsx
@@ -2,6 +2,7 @@ import { Flex } from "antd";
 import prisma from "@/lib/prisma";
 import { User } from "@prisma/client";
 import UsersTable from "../../components/users-table";
+import UserTableSearchInput from "../../components/user-table-search";
 
 async function getData() {
   return await prisma.user.findMany({
@@ -18,6 +19,9 @@ export default async function UsersPage() {
   return (
     <>
       <Flex gap="middle" vertical>
+        <div style={{ width: "360px;", fontSize: 0 }}>
+          <UserTableSearchInput />
+        </div>
         <UsersTable users={users} />
       </Flex>
     </>
diff --git a/app/app/(admin)/components/sidebar.tsx b/app/app/(admin)/components/sidebar.tsx
index b3081cb2a..ec0883048 100644
--- a/app/app/(admin)/components/sidebar.tsx
+++ b/app/app/(admin)/components/sidebar.tsx
@@ -63,12 +63,12 @@ const SideBar: React.FC = () => {
     setCurrent(e.key);
     router.push(e.key);
   };
-  useEffect(() => {
-    // 如果按钮和路径不相等，那其实应该跳转到按钮的网址
-    if (current != pathname) {
-      router.push(current);
-    }
-  }, [current, pathname, router]);
+  // useEffect(() => {
+  //   // 如果按钮和路径不相等，那其实应该跳转到按钮的网址
+  //   if (current != pathname) {
+  //     router.push(current);
+  //   }
+  // }, [current, pathname, router]);
 
   return (
     <>
diff --git a/app/app/(admin)/components/user-table-search.tsx b/app/app/(admin)/components/user-table-search.tsx
new file mode 100644
index 000000000..1e24e7200
--- /dev/null
+++ b/app/app/(admin)/components/user-table-search.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import React from "react";
+import { AudioOutlined } from "@ant-design/icons";
+import { Input, Space } from "antd";
+import type { SearchProps } from "antd/es/input/Search";
+
+const { Search } = Input;
+
+const suffix = (
+  <AudioOutlined
+    style={{
+      fontSize: 16,
+      color: "#1677ff",
+    }}
+  />
+);
+
+const onSearch: SearchProps["onSearch"] = (value, _e, info) =>
+  console.log(info?.source, value);
+
+const UserTableSearchInput: React.FC = () => (
+  <Search
+    placeholder="input search text"
+    onSearch={onSearch}
+    enterButton
+    style={{ width: 304 }}
+  />
+);
+
+export default UserTableSearchInput;