This commit is contained in:
archer
2023-08-08 13:24:05 +08:00
parent 37fe67dc81
commit 3cf38930eb
29 changed files with 719 additions and 258 deletions

View File

@@ -0,0 +1,30 @@
import React from 'react';
import { Button, ModalFooter, ModalBody } from '@chakra-ui/react';
import MyModal from '../MyModal';
import { useTranslation } from 'react-i18next';
import Markdown from '../Markdown';
const md = `
| 交流群 | 小助手 |
| ----------------------- | -------------------- |
| ![](https://otnvvf-imgs.oss.laf.run/wxqun300.jpg) | ![](https://otnvvf-imgs.oss.laf.run/wx300.jpg) |
`;
const CommunityModal = ({ onClose }: { onClose: () => void }) => {
const { t } = useTranslation();
return (
<MyModal isOpen={true} onClose={onClose} title={t('home.Community')}>
<ModalBody textAlign={'center'}>
<Markdown source={md} />
</ModalBody>
<ModalFooter>
<Button variant={'base'} onClick={onClose}>
</Button>
</ModalFooter>
</MyModal>
);
};
export default CommunityModal;

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1691412437336" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2312" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M512 14.8973037a497.1026963 497.1026963 0 1 0 497.1026963 497.1026963A497.1026963 497.1026963 0 0 0 512 14.8973037z m165.70089876 581.8863224l-207.12612345 124.27567408L346.29910124 796.45320912V255.16360691l125.38034629 75.39390894 207.12612347 124.27567407 118.47614261 70.97521873z" p-id="2313"></path></svg>

After

Width:  |  Height:  |  Size: 642 B

View File

@@ -73,7 +73,8 @@ const map = {
language_zh: require('./icons/language/zh.svg').default,
outlink_share: require('./icons/outlink/share.svg').default,
outlink_iframe: require('./icons/outlink/iframe.svg').default,
addCircle: require('./icons/circle/add.svg').default
addCircle: require('./icons/circle/add.svg').default,
playFill: require('./icons/fill/play.svg').default
};
export type IconName = keyof typeof map;

View File

@@ -1,27 +0,0 @@
import React from 'react';
import { Button, ModalFooter, ModalBody, Image } from '@chakra-ui/react';
import MyModal from '../MyModal';
const WxConcat = ({ onClose }: { onClose: () => void }) => {
return (
<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>
</MyModal>
);
};
export default WxConcat;