mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-02 02:43:33 +00:00
Migrate to Mantine v8 and Design Changes (#961)
* mantine v8 migration * various design changes and improvements
This commit is contained in:
parent
bea55d48a8
commit
c1330d92b2
473 changed files with 12469 additions and 11607 deletions
|
|
@ -1,13 +1,19 @@
|
|||
import { Group, Stack } from '@mantine/core';
|
||||
import { useLocalStorage } from '@mantine/hooks';
|
||||
import { useCallback } from 'react';
|
||||
import { RiExternalLinkLine } from 'react-icons/ri';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
import packageJson from '../../package.json';
|
||||
import { Button, Dialog, Text } from './components';
|
||||
|
||||
import { Button } from '/@/shared/components/button/button';
|
||||
import { Dialog } from '/@/shared/components/dialog/dialog';
|
||||
import { Group } from '/@/shared/components/group/group';
|
||||
import { Icon } from '/@/shared/components/icon/icon';
|
||||
import { Stack } from '/@/shared/components/stack/stack';
|
||||
import { Text } from '/@/shared/components/text/text';
|
||||
|
||||
export function IsUpdatedDialog() {
|
||||
const { version } = packageJson;
|
||||
const { t } = useTranslation();
|
||||
|
||||
const [value, setValue] = useLocalStorage({ key: 'version' });
|
||||
|
||||
|
|
@ -27,23 +33,23 @@ export function IsUpdatedDialog() {
|
|||
}}
|
||||
>
|
||||
<Stack>
|
||||
<Text>A new version of Feishin has been installed ({version})</Text>
|
||||
<Group noWrap>
|
||||
<Text>{t('common.newVersion', { postProcess: 'sentenceCase', version })}</Text>
|
||||
<Group wrap="nowrap">
|
||||
<Button
|
||||
component="a"
|
||||
href={`https://github.com/jeffvli/feishin/releases/tag/v${version}`}
|
||||
onClick={handleDismiss}
|
||||
rightIcon={<RiExternalLinkLine />}
|
||||
rightSection={<Icon icon="externalLink" />}
|
||||
target="_blank"
|
||||
variant="filled"
|
||||
>
|
||||
View release notes
|
||||
{t('common.viewReleaseNotes', { postProcess: 'sentenceCase' })}
|
||||
</Button>
|
||||
<Button
|
||||
onClick={handleDismiss}
|
||||
variant="default"
|
||||
>
|
||||
Dismiss
|
||||
{t('common.dismiss', { postProcess: 'titleCase' })}
|
||||
</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue