Merge pull request #96 from infra-fe/sync-4-23-5

Sync 4 23 5
infra-fe · Oct 26, 2022 · 9c1ed28 · 9c1ed28
2 parents 2febea3 + 9d55dc8
commit 9c1ed28
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 31 deletions.
diff --git a/components/card/demo/gray-card.md b/components/card/demo/gray-card.md
@@ -17,15 +17,13 @@ A gray card containing a title, content and an extra corner content. Set mode to
 import { Card } from 'infrad';
 import React from 'react';
 
-const App: React.FC = () => {
-  return (
-    <Card title="Default size card" extra={<a href="#">More</a>} style={{ width: 300 }} mode="gray">
-      <p>Card content</p>
-      <p>Card content</p>
-      <p>Card content</p>
-    </Card>
-  );
-};
+const App: React.FC = () => (
+  <Card title="Default size card" extra={<a href="#">More</a>} style={{ width: 300 }} mode="gray">
+    <p>Card content</p>
+    <p>Card content</p>
+    <p>Card content</p>
+  </Card>
+);
 
 export default App;
 ```

diff --git a/components/card/demo/shadow-card.md b/components/card/demo/shadow-card.md
@@ -17,20 +17,13 @@ A shadow card containing a title, content and an extra corner content. Set mode
 import { Card } from 'infrad';
 import React from 'react';
 
-const App: React.FC = () => {
-  return (
-    <Card
-      title="Default size card"
-      extra={<a href="#">More</a>}
-      style={{ width: 300 }}
-      mode="shadow"
-    >
-      <p>Card content</p>
-      <p>Card content</p>
-      <p>Card content</p>
-    </Card>
-  );
-};
+const App: React.FC = () => (
+  <Card title="Default size card" extra={<a href="#">More</a>} style={{ width: 300 }} mode="shadow">
+    <p>Card content</p>
+    <p>Card content</p>
+    <p>Card content</p>
+  </Card>
+);
 
 export default App;
 ```

diff --git a/components/popover/demo/link.md b/components/popover/demo/link.md
@@ -14,17 +14,10 @@ title:
 You can customize the content to make it jump with frequently used links
 
 ```tsx
-import { Popover, Button, Image } from 'infrad';
+import { Popover, Button } from 'infrad';
 import React from 'react';
 
 const App: React.FC = () => {
-  const flexStyle = {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    width: '400px',
-  };
-
   const Content = (
     <div>
       <span>popover</span>