From 30df8ba9f3fc953d6cc705a6bc446413fb61757b Mon Sep 17 00:00:00 2001
From: aelf-lxy <xiyang.liu@aelf.io>
Date: Mon, 25 Mar 2024 16:20:11 +0800
Subject: [PATCH] fix: delete icons

---
 packages/component/src/Input/demos/basic.tsx        |  5 ++---
 packages/component/src/Input/index.tsx              |  4 ++--
 packages/component/src/Search/style/index.ts        |  1 +
 packages/component/src/Upload/index.tsx             |  8 ++++----
 .../internal-icons/src/components/ClearIcon.tsx     | 11 -----------
 packages/internal-icons/src/components/FileIcon.tsx | 13 -------------
 packages/internal-icons/src/index.ts                |  2 --
 7 files changed, 9 insertions(+), 35 deletions(-)
 delete mode 100644 packages/internal-icons/src/components/ClearIcon.tsx
 delete mode 100644 packages/internal-icons/src/components/FileIcon.tsx

diff --git a/packages/component/src/Input/demos/basic.tsx b/packages/component/src/Input/demos/basic.tsx
index 3b58862..fa48a59 100644
--- a/packages/component/src/Input/demos/basic.tsx
+++ b/packages/component/src/Input/demos/basic.tsx
@@ -1,8 +1,7 @@
 import React from 'react';
-import { Space } from 'antd';
-
 // import { AndroidOutlined } from '@ant-design/icons';
-import Input from '../index';
+import { Input } from 'aelf-design';
+import { Space } from 'antd';
 
 const App: React.FC = () => {
   return (
diff --git a/packages/component/src/Input/index.tsx b/packages/component/src/Input/index.tsx
index e7e2751..a773024 100644
--- a/packages/component/src/Input/index.tsx
+++ b/packages/component/src/Input/index.tsx
@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import {
-  CloseCircleOutlined,
+  CloseFilled,
   EyeInvisibleOutlined,
   EyeOutlined,
   IconProps,
@@ -41,7 +41,7 @@ const getClearIcon = (
         onClear?.(e);
       }}
     >
-      <CloseCircleOutlined
+      <CloseFilled
         color={token?.colorBorder}
         hoverColor={token?.Table?.headerBg}
         activeColor={token?.colorTextDisabled}
diff --git a/packages/component/src/Search/style/index.ts b/packages/component/src/Search/style/index.ts
index a15ff1a..d8aaba6 100644
--- a/packages/component/src/Search/style/index.ts
+++ b/packages/component/src/Search/style/index.ts
@@ -21,6 +21,7 @@ const useStyles = createStyles(
       align-items: center;
     `;
     const searchBtnBase = css`
+      font-size: 16px;
       cursor: pointer;
       height: ${inputSize === 'middle' ? '48px' : '40px'};
       padding: 0 15px;
diff --git a/packages/component/src/Upload/index.tsx b/packages/component/src/Upload/index.tsx
index 8aa12bd..1b3780a 100644
--- a/packages/component/src/Upload/index.tsx
+++ b/packages/component/src/Upload/index.tsx
@@ -1,5 +1,5 @@
 import React, { ReactElement, ReactNode } from 'react';
-import { ClearIconFilled, FileIcon } from '@aelf-design/internal-icons';
+import { DeleteOutlined, ShareExternalOutlined } from '@aelf-design/internal-icons';
 import { Upload as AntdUpload, UploadProps as AntdUploadProps, Image } from 'antd';
 import { useTheme } from 'antd-style';
 import { UploadFile } from 'antd/es/upload';
@@ -42,7 +42,7 @@ function UploadItemRender({
               actions.remove();
             }}
           >
-            <ClearIconFilled
+            <DeleteOutlined
               color={token.colorPrimary}
               hoverColor={token.colorPrimaryHover}
               activeColor={token.colorPrimaryActive}
@@ -56,7 +56,7 @@ function UploadItemRender({
   ) : (
     <div className={cx(styles.FilePreviewContainer)}>
       <div className="file-icon-container">
-        <FileIcon />
+        <ShareExternalOutlined />
         <div className="file-tips">Ready for review</div>
       </div>
       <div className="file-info">
@@ -67,7 +67,7 @@ function UploadItemRender({
             actions.remove();
           }}
         >
-          <ClearIconFilled
+          <DeleteOutlined
             color={token.colorPrimary}
             hoverColor={token.colorPrimaryHover}
             activeColor={token.colorPrimaryActive}
diff --git a/packages/internal-icons/src/components/ClearIcon.tsx b/packages/internal-icons/src/components/ClearIcon.tsx
deleted file mode 100644
index 344af8e..0000000
--- a/packages/internal-icons/src/components/ClearIcon.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import * as React from 'react';
-
-import { AelfIcon } from '../icon/AelfIcon';
-import AelfSVGComponent from '../svgs/clear-icon.svg';
-import { type IconProps } from '../type';
-
-const componentName = 'ClearIconFilled';
-export const ClearIconFilled = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => {
-  return <AelfIcon component={AelfSVGComponent} ref={ref} {...props} />;
-});
-ClearIconFilled.displayName = componentName;
diff --git a/packages/internal-icons/src/components/FileIcon.tsx b/packages/internal-icons/src/components/FileIcon.tsx
deleted file mode 100644
index 9132586..0000000
--- a/packages/internal-icons/src/components/FileIcon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import * as React from 'react';
-
-import { AelfIcon } from '../icon/AelfIcon';
-import AelfSVGComponent from '../svgs/file.svg';
-import { type IconProps } from '../type';
-
-const componentName = 'FileIcon';
-export const FileIcon = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => {
-  return (
-    <AelfIcon component={AelfSVGComponent} style={{ fontSize: '56px' }} ref={ref} {...props} />
-  );
-});
-FileIcon.displayName = componentName;
diff --git a/packages/internal-icons/src/index.ts b/packages/internal-icons/src/index.ts
index 4f25de9..72d381a 100644
--- a/packages/internal-icons/src/index.ts
+++ b/packages/internal-icons/src/index.ts
@@ -1,6 +1,4 @@
 'use client';
-export * from './components/ClearIcon';
-export * from './components/FileIcon';
 export * from './components/NextButtonIcon';
 export * from './components/PrevButtonIcon';
 export * from './components/ProgressErrorIcon';