feat: add new drawer for files review

web-infra-dev · Dec 23, 2024 · ea53c19 · ea53c19
1 parent 1574432
commit ea53c19
Show file tree

Hide file tree

Showing 18 changed files with 247 additions and 93 deletions.
diff --git a/packages/components/src/common/svg/file-css.svg b/packages/components/src/common/svg/file-css.svg
diff --git a/packages/components/src/common/svg/file-html.svg b/packages/components/src/common/svg/file-html.svg
diff --git a/packages/components/src/common/svg/file-image.svg b/packages/components/src/common/svg/file-image.svg
diff --git a/packages/components/src/common/svg/file-js.svg b/packages/components/src/common/svg/file-js.svg
diff --git a/packages/components/src/common/svg/file-unknown.svg b/packages/components/src/common/svg/file-unknown.svg
diff --git a/packages/components/src/components/Alert/package-relation.module.scss b/packages/components/src/components/Alert/package-relation.module.scss
@@ -16,6 +16,8 @@
 
 .arrow {
   position: relative;
+  top: 8px;
   left: 50%;
   transform: translateX(-50%) rotate(90deg);
+  color: #2994ff;
 }
diff --git a/packages/components/src/components/Alert/package-relation.tsx b/packages/components/src/components/Alert/package-relation.tsx
@@ -40,8 +40,6 @@ export const PackageRelationReasons: React.FC<{
   data: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetPackageRelationAlertDetails>;
   cwd: string;
 }> = ({ data }) => {
-  const [index, setIndex] = useState(0);
-
   return (
     <Row gutter={Size.BasePadding} wrap={false} align="top">
       <Col span={20} style={{ height: '100%' }}>

diff --git a/packages/components/src/components/Alerts/bundle-alert.tsx b/packages/components/src/components/Alerts/bundle-alert.tsx
@@ -1,4 +1,4 @@
-import { Typography, Tabs } from 'antd';
+import { Typography, Tabs, Empty } from 'antd';
 import { Rule } from '@rsdoctor/types';
 
 import { Card } from '../Card';
@@ -90,6 +90,10 @@ export const BundleAlert: React.FC<BundleAlertProps> = ({
         break;
     }
 
+    if (!td.data.length) {
+      children = <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
+    }
+
     return {
       key: td.key,
       label: <LabelComponent />,

diff --git a/packages/components/src/components/Alerts/list.tsx b/packages/components/src/components/Alerts/list.tsx
@@ -9,28 +9,22 @@ import styles from './list.module.scss';
 
 export const CommonList = (props: { data: Array<Rule.RuleStoreDataItem> }) => {
   const { data } = props;
-  return data.length ? (
-    data.map((d) => {
-      const { code, link, description } = d;
-      const navigate = useRuleIndexNavigate(code, link);
+  return data.map((d) => {
+    const { code, link, description } = d;
+    const navigate = useRuleIndexNavigate(code, link);
 
-      return (
-        <Overview
-          style={{
-            background: '#fff',
-          }}
-          description={
-            <span className={styles.description}>{description}</span>
-          }
-          icon={
-            <Button onClick={() => navigate} type="link">
-              more
-            </Button>
-          }
-        />
-      );
-    })
-  ) : (
-    <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-  );
+    return (
+      <Overview
+        style={{
+          background: '#fff',
+        }}
+        description={<span className={styles.description}>{description}</span>}
+        icon={
+          <Button onClick={() => navigate} type="link">
+            more
+          </Button>
+        }
+      />
+    );
+  });
 };