Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 07:25:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'dev' into useQuery-stale-time-cache

Browse Source
This commit is contained in:
Thomas Camlong
2023-02-02 18:59:09 +09:00
committed by GitHub
parent 6586cdd060 789bfd6f06
commit d926e518fe
23 changed files with 121 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/layout/header/Header.tsx
View File

@@ -1,9 +1,10 @@
import { Box, createStyles, Group, Header as MantineHeader, Indicator } from '@mantine/core';
import { useQuery } from '@tanstack/react-query';
import { CURRENT_VERSION, REPO_URL } from '../../../../data/constants';
import { useEffect, useState } from 'react';
import { REPO_URL } from '../../../../data/constants';
import DockerMenuButton from '../../../modules/Docker/DockerModule';
import { usePackageAttributesStore } from '../../../tools/client/zustands/usePackageAttributesStore';
import { Logo } from '../Logo';
import { useCardStyles } from '../useCardStyles';
import DockerMenuButton from '../../../modules/Docker/DockerModule';
import { ToggleEditModeAction } from './Actions/ToggleEditMode/ToggleEditMode';
import { Search } from './Search';
import { SettingsMenu } from './SettingsMenu';
@@ -13,6 +14,8 @@ export const HeaderHeight = 64;
export function Header(props: any) {
const { classes } = useStyles();
const { classes: cardClasses } = useCardStyles(false);
const { attributes } = usePackageAttributesStore();
const { isLoading, error, data } = useQuery({
queryKey: ['github/latest'],
cacheTime: 1000 * 60 * 60 * 24,
@@ -20,10 +23,11 @@ export function Header(props: any) {
queryFn: () =>
fetch(`https://api.github.com/repos/${REPO_URL}/releases/latest`).then((res) => res.json()),
});
const newVersionAvailable = data?.tag_name !== CURRENT_VERSION ? data?.tag_name : undefined;
const newVersionAvailable =
data?.tag_name > `v${attributes.packageVersion}` ? data?.tag_name : undefined;
return (
<MantineHeader height={HeaderHeight} className={cardClasses.card}>
<MantineHeader height="auto" className={cardClasses.card}>
<Group p="xs" noWrap grow>
<Box className={classes.hide}>
<Logo />