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}
+ />
);
}