diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx index 29d5aae70..34c4cb595 100644 --- a/src/components/layout/Footer.tsx +++ b/src/components/layout/Footer.tsx @@ -1,14 +1,5 @@ import React, { useEffect, useState } from 'react'; -import { - createStyles, - Anchor, - Text, - Group, - ActionIcon, - Footer as FooterComponent, - useMantineTheme, -} from '@mantine/core'; -import { BrandGithub } from 'tabler-icons-react'; +import { createStyles, Anchor, Footer as FooterComponent, useMantineTheme } from '@mantine/core'; import { showNotification } from '@mantine/notifications'; import { CURRENT_VERSION, REPO_URL } from '../../../data/constants'; @@ -43,86 +34,31 @@ interface FooterCenteredProps { } export function Footer({ links }: FooterCenteredProps) { - const [update, setUpdate] = useState(false); - const theme = useMantineTheme(); - const { classes } = useStyles(); - const items = links.map((link) => ( - - color="dimmed" - key={link.label} - href={link.link} - sx={{ lineHeight: 1 }} - onClick={(event) => event.preventDefault()} - size="sm" - > - {link.label} - - )); - - const [latestVersion, setLatestVersion] = useState('0'); - const [isOpen, setOpen] = useState(true); useEffect(() => { // Fetch Data here when component first mounted fetch(`https://api.github.com/repos/${REPO_URL}/releases/latest`).then((res) => { res.json().then((data) => { - setLatestVersion(data.tag_name); if (data.tag_name !== CURRENT_VERSION) { - setUpdate(true); + showNotification({ + color: 'yellow', + autoClose: false, + title: 'New version available', + message: `Version ${data.tag_name} is available, update now! 😡`, + }); } }); }); }, []); - if (update) { - showNotification({ - color: 'yellow', - autoClose: false, - title: 'New version available', - message: `Version ${latestVersion} is available, update now! 😡`, - }); - } return ( - - - component="a" href="https://github.com/ajnart/homarr" size="lg"> - - - - {CURRENT_VERSION} - - - - Made with ❤️ by @ - - ajnart - - - - + children={undefined} + /> ); }