Merge pull request #96 from AElf-devops/feature/doc-upload

feat: delete useless icon

.dumi/theme/common/styles/Icon.tsx

@@ -19,7 +19,7 @@ const Icon: React.FC = () => {
         margin: 3px 0;
         padding: 10px 0 0;
         overflow: hidden;
-        color: #555;
+        color: #101114;
         text-align: center;
         list-style: none;
         background-color: inherit;

packages/component/src/Carousel/styles.ts

@@ -100,6 +100,10 @@ const useStyles = createStyles(
           width: 16px;
           height: 60px;
           right: 0;
+          svg {
+            width: 16px;
+            height: 60px;
+          }
           ::after {
             display: none;
           }
@@ -112,6 +116,10 @@ const useStyles = createStyles(
           width: 16px;
           height: 60px;
           left: 0;
+          svg {
+            width: 16px;
+            height: 60px;
+          }
           ::after {
             display: none;
           }

packages/component/src/Upload/index.tsx

@@ -1,5 +1,5 @@
 import React, { ReactElement, ReactNode } from 'react';
-import { DeleteOutlined, ShareExternalOutlined } from '@aelf-design/internal-icons';
+import { DeleteOutlined, FileIcon } 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';
@@ -56,7 +56,7 @@ function UploadItemRender({
   ) : (
     <div className={cx(styles.FilePreviewContainer)}>
       <div className="file-icon-container">
-        <ShareExternalOutlined />
+        <FileIcon />
         <div className="file-tips">Ready for review</div>
       </div>
       <div className="file-info">

packages/component/src/UploadButton/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UploadIcon } from '@aelf-design/internal-icons';
+import { UploadOutlined } from '@aelf-design/internal-icons';
 import { useTheme } from 'antd-style';
 
 import useStyles from './style';
@@ -16,7 +16,7 @@ export default function UploadButton(props: IUploadButtonProps) {
   const token = useTheme();
   return (
     <div className={cx(prefixCls + '-upload-button', styles.uploadButton)}>
-      <UploadIcon color={uploadIconColor || token.colorPrimary} />
+      <UploadOutlined style={{ fontSize: 40 }} color={uploadIconColor || token.colorPrimary} />
       <div className={styles.message}>
         <div className={styles.uploadText}>{uploadText || 'Upload'}</div>
         {tips || (

packages/internal-icons/src/components/FileIcon.tsx

@@ -0,0 +1,13 @@
+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;

packages/internal-icons/src/components/NextButtonIcon.tsx

@@ -6,16 +6,6 @@ import { type IconProps } from '../type';
 
 const componentName = 'NextButtonIcon';
 export const NextButtonIcon = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => {
-  return (
-    <AelfIcon
-      component={AelfSVGComponent}
-      style={{
-        width: '16px',
-        height: '60px',
-      }}
-      ref={ref}
-      {...props}
-    />
-  );
+  return <AelfIcon component={AelfSVGComponent} ref={ref} {...props} />;
 });
 NextButtonIcon.displayName = componentName;

packages/internal-icons/src/components/PrevButtonIcon.tsx

@@ -6,16 +6,6 @@ import { type IconProps } from '../type';
 
 const componentName = 'PrevButtonIcon';
 export const PrevButtonIcon = React.forwardRef<HTMLSpanElement, IconProps>((props, ref) => {
-  return (
-    <AelfIcon
-      component={AelfSVGComponent}
-      style={{
-        width: '16px',
-        height: '60px',
-      }}
-      ref={ref}
-      {...props}
-    />
-  );
+  return <AelfIcon component={AelfSVGComponent} ref={ref} {...props} />;
 });
 PrevButtonIcon.displayName = componentName;

packages/internal-icons/src/index.ts

@@ -3,7 +3,7 @@ export * from './components/NextButtonIcon';
 export * from './components/PrevButtonIcon';
 export * from './components/ProgressErrorIcon';
 export * from './components/ProgressSuccessIcon';
-export * from './components/UploadIcon';
+export * from './components/FileIcon';
 
 export * from './components/direction/index';
 export * from './components/suggestion/index';