From 51d25cf4e7250d2f40d8890dbddf4ec0e413890c Mon Sep 17 00:00:00 2001
From: master1lan <278457198@qq.com>
Date: Sun, 5 Mar 2023 12:42:20 +0800
Subject: [PATCH] =?UTF-8?q?:zap:=20feat(custom):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=B8=80=E9=94=AE=E6=B8=85=E9=99=A4=E5=8E=86=E5=8F=B2=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/search/pc/searchSuggest.tsx        | 35 ++++++++++++-------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/routers/layout/search/pc/searchSuggest.tsx b/src/routers/layout/search/pc/searchSuggest.tsx
index 2032073..6a2dd31 100644
--- a/src/routers/layout/search/pc/searchSuggest.tsx
+++ b/src/routers/layout/search/pc/searchSuggest.tsx
@@ -3,6 +3,7 @@ import HistoryToggleOffIcon from "@mui/icons-material/HistoryToggleOff";
 import TagIcon from "@mui/icons-material/Tag";
 import AccessibilityNewIcon from "@mui/icons-material/AccessibilityNew";
 import { Popper } from "@mui/material";
+import ClearAllIcon from "@mui/icons-material/ClearAll";
 import { Storage } from "@routers/layout/tools";
 import { useURLParams } from "@utils/hooks/url";
 import { FC, ReactElement, useEffect, useMemo, useState } from "react";
@@ -24,6 +25,7 @@ export const addPCTagHistory = (value: string) => {
     [value, ...oldHistory.filter((item) => item !== value)].slice(0, 5)
   );
 };
+const clearPCTagHistory = () => PCTagStorage.clearLocalstorage();
 const usePCTagHistory = () => {
   const local_history: renderSuggestItemLists = PCTagStorage.getLocalStorage(
     []
@@ -64,6 +66,24 @@ const useSuggestOption = (open: boolean) => {
   return [fixedOpen];
 };
 
+const HistoryTitleItem: FC<{ onClear: () => void }> = ({ onClear }) => {
+  return (
+    <>
+      <p>
+        <HistoryToggleOffIcon fontSize='inherit' />
+        历史记录
+      </p>
+      <p
+        onClick={onClear}
+        className='cursor-pointer text-sm text-gray-500 ml-2'
+      >
+        <ClearAllIcon fontSize='inherit' />
+        清除记录
+      </p>
+    </>
+  );
+};
+
 export const PCTagSuggest: FC<PCTagSuggestProps> = ({
   open,
   ClickCallback,
@@ -74,12 +94,7 @@ export const PCTagSuggest: FC<PCTagSuggestProps> = ({
   return (
     <SuggestPopper open={fixedOpen}>
       <SuggestItem
-        title={
-          <>
-            <HistoryToggleOffIcon fontSize='inherit' />
-            历史记录
-          </>
-        }
+        title={<HistoryTitleItem onClear={clearPCTagHistory} />}
         dataList={history_tag}
         feedbackMsg='暂无数据'
         clickCallBack={ClickCallback}
@@ -107,6 +122,7 @@ export const addPCNameHistory = (value: string) => {
     [value, ...oldHistory.filter((item) => item !== value)].slice(0, 5)
   );
 };
+const clearPCNameHistory = () => PCNameStorage.clearLocalstorage();
 const usePCNameHistory = () => {
   const local_history: renderSuggestItemLists = PCNameStorage.getLocalStorage(
     []
@@ -123,12 +139,7 @@ export const PCNameSuggest: FC<PCTagSuggestProps> = ({
   return (
     <SuggestPopper open={fixedOpen}>
       <SuggestItem
-        title={
-          <>
-            <HistoryToggleOffIcon fontSize='inherit' />
-            历史记录
-          </>
-        }
+        title={<HistoryTitleItem onClear={clearPCNameHistory} />}
         dataList={history_name}
         feedbackMsg='暂无数据'
         clickCallBack={ClickCallback}