Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements
This commit is contained in:
Jeff 2025-06-24 00:04:36 -07:00 committed by GitHub
parent bea55d48a8
commit c1330d92b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
473 changed files with 12469 additions and 11607 deletions

View file

@ -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>