File size: 1,087 Bytes
03d9a71 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
import { ActionIcon, Modal, type ModalProps } from '@lobehub/ui';
import { Space } from 'antd';
import { Book } from 'lucide-react';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { Flexbox } from 'react-layout-kit';
import { homepage } from '@/../package.json';
import VersionTag from '@/components/VersionTag';
import SettingForm from './SettingForm';
export interface SettingProps {
onCancel?: ModalProps['onCancel'];
open?: ModalProps['open'];
}
const Setting = memo<SettingProps>(({ open, onCancel }) => {
const { t } = useTranslation();
return (
<Modal
footer={false}
onCancel={onCancel}
open={open}
title={
<Flexbox align={'center'} gap={4} horizontal>
<a href={homepage} rel="noreferrer" target="_blank">
<ActionIcon icon={Book} title="Setting Documents" />
</a>
<Space>
{t('themeSetting')}
<VersionTag />
</Space>
</Flexbox>
}
>
<SettingForm />
</Modal>
);
});
export default Setting;
|