perf: modal

client/src/components/WxConcat/index.tsx

@@ -1,41 +1,26 @@
 import React from 'react';
-import {
-  Box,
-  Button,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalHeader,
-  ModalFooter,
-  ModalBody,
-  ModalCloseButton,
-  Image
-} from '@chakra-ui/react';
+import { Button, ModalFooter, ModalBody, Image } from '@chakra-ui/react';
+import MyModal from '../MyModal';
 
 const WxConcat = ({ onClose }: { onClose: () => void }) => {
   return (
-    <Modal isOpen={true} onClose={onClose}>
-      <ModalOverlay />
-      <ModalContent>
-        <ModalHeader>联系方式-wx</ModalHeader>
-        <ModalCloseButton />
-        <ModalBody textAlign={'center'}>
-          <Image
-            style={{ margin: 'auto' }}
-            src={'https://otnvvf-imgs.oss.laf.run/wx300.jpg'}
-            width={'200px'}
-            height={'200px'}
-            alt=""
-          />
-        </ModalBody>
+    <MyModal isOpen={true} onClose={onClose} title={'联系方式-wx'}>
+      <ModalBody textAlign={'center'}>
+        <Image
+          style={{ margin: 'auto' }}
+          src={'https://otnvvf-imgs.oss.laf.run/wx300.jpg'}
+          width={'200px'}
+          height={'200px'}
+          alt=""
+        />
+      </ModalBody>
 
-        <ModalFooter>
-          <Button variant={'base'} onClick={onClose}>
-            关闭
-          </Button>
-        </ModalFooter>
-      </ModalContent>
-    </Modal>
+      <ModalFooter>
+        <Button variant={'base'} onClick={onClose}>
+          关闭
+        </Button>
+      </ModalFooter>
+    </MyModal>
   );
 };