From 9d557211b6cb43e69321a2d2c737d76523a725cb Mon Sep 17 00:00:00 2001
From: SeeLey Wang <zdlp@sina.cn>
Date: Sat, 24 Aug 2024 16:36:58 +0800
Subject: [PATCH] a

---
 .../components/sidebars/UserSideBarSocial.tsx |  1 -
 .../wrappers/UpdateVisibilityButton.tsx       | 19 ++++---------------
 2 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/zbook_frontend/src/components/sidebars/UserSideBarSocial.tsx b/zbook_frontend/src/components/sidebars/UserSideBarSocial.tsx
index 82a7b20..5451e40 100644
--- a/zbook_frontend/src/components/sidebars/UserSideBarSocial.tsx
+++ b/zbook_frontend/src/components/sidebars/UserSideBarSocial.tsx
@@ -9,7 +9,6 @@ import { MdBook } from "react-icons/md";
 import { usePathname } from "@/navigation";
 import SideBarLiContent from "./SideBarLiContent";
 import { useTranslations } from "next-intl";
-import { Lexend_Tera } from "next/font/google";
 export default function UserSideBarSocial({
   username,
   count_following,
diff --git a/zbook_frontend/src/components/wrappers/UpdateVisibilityButton.tsx b/zbook_frontend/src/components/wrappers/UpdateVisibilityButton.tsx
index ab27f07..365bff2 100644
--- a/zbook_frontend/src/components/wrappers/UpdateVisibilityButton.tsx
+++ b/zbook_frontend/src/components/wrappers/UpdateVisibilityButton.tsx
@@ -3,8 +3,7 @@
 import { fetchServerWithAuthWrapper } from "@/fetchs/server_with_auth";
 import { FetchServerWithAuthWrapperEndPoint } from "@/fetchs/server_with_auth_util";
 import React, { useState } from "react";
-import { MdVisibility } from "react-icons/md";
-
+import { MdOutlineVisibilityOff, MdVisibility } from "react-icons/md";
 export default function UpdateVisibleButton({
   username,
   repo_name,
@@ -49,23 +48,13 @@ export default function UpdateVisibleButton({
       });
     }
   }
-  // return (
-  //   <>
-  //     {isVisible && (
-  //       <MdVisibility
-  //         onClick={async () => {
-  //           // await actionUpdateUserBlock();
-  //         }}
-  //         className="p-1 w-7 h-7 cursor-pointer text-gray-500 border dark:border-0 border-gray-200 rounded dark:bg-[#263142] hover:bg-sky-500 hover:text-white dark:hover:bg-gray-900 dark:text-gray-400"
-  //       />
-  //     )}
-  //   </>
-  // );
+
   return (
     <div
-      className="bg-green-500 dark:bg-green-700 text-white rounded-lg py-2 px-4 font-semibold text-sm cursor-pointer hover:bg-green-600 dark:hover:bg-green-500"
+      className="bg-green-500 dark:bg-green-700 flex space-x-2 items-center text-white rounded-lg py-2 px-4 font-semibold text-sm cursor-pointer hover:bg-green-600 dark:hover:bg-green-500"
       onClick={() => updateFollowStatus()}
     >
+      {isVisible ? <MdVisibility /> : <MdOutlineVisibilityOff />}
       <span className="flex-1 whitespace-nowrap">
         {isVisible ? "取消" : "添加"}
       </span>