feat: new ui

src/components/WxConcat/index.tsx

@@ -9,23 +9,23 @@ import {
   ModalFooter,
   ModalBody,
   ModalCloseButton,
-  useColorModeValue
+  useColorModeValue,
+  Image
 } from '@chakra-ui/react';
-import Image from 'next/image';
 
 const WxConcat = ({ onClose }: { onClose: () => void }) => {
   return (
     <Modal isOpen={true} onClose={onClose}>
       <ModalOverlay />
-      <ModalContent color={useColorModeValue('blackAlpha.700', 'white')}>
+      <ModalContent>
         <ModalHeader>wx交流群</ModalHeader>
         <ModalCloseButton />
         <ModalBody textAlign={'center'}>
           <Image
             style={{ margin: 'auto' }}
             src={'/imgs/wx300.jpg'}
-            width={200}
-            height={200}
+            width={'200px'}
+            height={'200px'}
             alt=""
           />
           <Box mt={2}>