Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-13 17:05:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

🌐 About page new version

Browse Source
This commit is contained in:
Tagaishi
2023-08-23 23:39:19 +02:00
parent 6c3421f941
commit 4bd5d82da3
2 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/locales/en/layout/modals/about.json
View File

@@ -6,6 +6,7 @@
"key": "Shortcut key", "key": "Shortcut key",
"action": "Action", "action": "Action",
"keybinds": "Keybinds", "keybinds": "Keybinds",
"documentation": "Documentation",
"actions": { "actions": {
"toggleTheme": "Toggle light/dark mode", "toggleTheme": "Toggle light/dark mode",
"focusSearchBar": "Focus on search bar", "focusSearchBar": "Focus on search bar",
@@ -20,6 +21,9 @@
"i18n": "Loaded I18n translation namespaces", "i18n": "Loaded I18n translation namespaces",
"locales": "Configured I18n locales", "locales": "Configured I18n locales",
"experimental_disableEditMode": "<b>EXPERIMENTAL</b>: Disable edit mode" "experimental_disableEditMode": "<b>EXPERIMENTAL</b>: Disable edit mode"
},
"version": {
"new": "New: {{newVersion}}",
"dropdown": "Version {{newVersion}} is available! Current Version is {{currentVersion}}"
} }
} }

27
src/components/Dashboard/Modals/AboutModal/AboutModal.tsx
View File

@@ -167,7 +167,7 @@ export const AboutModal = ({ opened, closeModal, newVersionAvailable }: AboutMod
variant="default" variant="default"
fullWidth fullWidth
> >
Documentation {t('layout/modals/about:documentation')}
</Button> </Button>
</Grid.Col> </Grid.Col>
@@ -203,6 +203,7 @@ const useInformationTableItems = (newVersionAvailable?: string): InformationTabl
const { attributes } = usePackageAttributesStore(); const { attributes } = usePackageAttributesStore();
const { editModeEnabled } = useEditModeInformationStore(); const { editModeEnabled } = useEditModeInformationStore();
const { primaryColor } = useColorTheme(); const { primaryColor } = useColorTheme();
const { t } = useTranslation(['layout/modals/about']);
const { configVersion } = useConfigContext(); const { configVersion } = useConfigContext();
const { configs } = useConfigStore(); const { configs } = useConfigStore();
@@ -300,21 +301,23 @@ const useInformationTableItems = (newVersionAvailable?: string): InformationTabl
transition={{ duration: 0.8, ease: 'easeInOut' }} transition={{ duration: 0.8, ease: 'easeInOut' }}
> >
<Badge color="green" variant="filled"> <Badge color="green" variant="filled">
new: {newVersionAvailable} {t('version.new',{ newVersion: newVersionAvailable})}
</Badge> </Badge>
</motion.div> </motion.div>
</HoverCard.Target> </HoverCard.Target>
<HoverCard.Dropdown> <HoverCard.Dropdown>
Version{' '} <Text>
<b> {t('version.dropdown', {currentVersion: attributes.packageVersion}).split('{{newVersion}}')[0]}
<Anchor <b>
target="_blank" <Anchor
href={`https://github.com/ajnart/homarr/releases/tag/${newVersionAvailable}`} target="_blank"
> href={`https://github.com/ajnart/homarr/releases/tag/${newVersionAvailable}`}
{newVersionAvailable} >
</Anchor> {newVersionAvailable}
</b>{' '} </Anchor>
is available ! Current version: {attributes.packageVersion} </b>
{t('version.dropdown', {currentVersion: attributes.packageVersion}).split('{{newVersion}}')[1]}
</Text>
</HoverCard.Dropdown> </HoverCard.Dropdown>
</HoverCard> </HoverCard>
)} )}