feat: community backends page

src/components/delete-modal/index.tsx

@@ -72,6 +72,7 @@ interface Configuration {
   checked: boolean;
 }
 
+// default need to pass content and operation
 const DeleteModal = forwardRef((props, ref) => {
   const intl = useIntl();
   const { styles } = useStyles();

src/components/icon-font/index.tsx

@@ -2,7 +2,7 @@ import { createFromIconfontCN } from '@ant-design/icons';
 // import './iconfont/iconfont.js';
 
 const IconFont = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_4613488_339f1qeidmn.js'
+  scriptUrl: '//at.alicdn.com/t/c/font_4613488_mis8x88kojd.js'
 });
 
 export default IconFont;

src/components/page-tools/index.tsx

@@ -156,6 +156,11 @@ export const FilterBar: React.FC<FilterBarProps> = (props) => {
         {handleClickPrimary ? (
           actionType === 'dropdown' ? (
             <DropDownActions
+              styles={{
+                root: {
+                  minWidth: 140
+                }
+              }}
               menu={{
                 items: actionItems,
                 onClick: handleClickPrimary

src/components/templates/card-skelton.tsx

@@ -1,7 +1,14 @@
 import { Skeleton } from 'antd';
 import React from 'react';
+import styled from 'styled-components';
 import ResizeContainer from '../resize-container';
 
+const SkeletonWrapper = styled.div`
+  .ant-skeleton-paragraph {
+    margin-bottom: 0;
+  }
+`;
+
 interface CatalogSkeltonProps {
   skeletonProps?: any;
   skeletonStyle?: React.CSSProperties;
@@ -12,19 +19,21 @@ const CardSkelton: React.FC<CatalogSkeltonProps> = (props) => {
     <ResizeContainer
       dataList={Array(6).fill({ label: 'skeleton' })}
       renderItem={() => (
-        <Skeleton
-          avatar={{
-            size: 32
-          }}
-          paragraph={{ rows: 2 }}
-          style={{
-            border: '1px solid var(--ant-color-border)',
-            borderRadius: 'var(--border-radius-base)',
-            padding: '16px 16px',
-            ...props.skeletonStyle
-          }}
-          {...(props.skeletonProps || {})}
-        ></Skeleton>
+        <SkeletonWrapper>
+          <Skeleton
+            avatar={{
+              size: 32
+            }}
+            paragraph={{ rows: 2 }}
+            style={{
+              border: '1px solid var(--ant-color-border)',
+              borderRadius: 'var(--border-radius-base)',
+              padding: '16px 16px',
+              ...props.skeletonStyle
+            }}
+            {...(props.skeletonProps || {})}
+          ></Skeleton>
+        </SkeletonWrapper>
       )}
     ></ResizeContainer>
   );