Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

replace complex eslint config with biome

Browse Source
This commit is contained in:
Athou
2024-06-13 21:54:14 +02:00
parent 9115797dee
commit 3810dedf47
102 changed files with 7186 additions and 9488 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
commafeed-client/src/pages/LoadingPage.tsx
View File

@@ -1,27 +1,27 @@
import { Center, Container, RingProgress, Text, useMantineTheme } from "@mantine/core"
import { useAppLoading } from "hooks/useAppLoading"
import { PageTitle } from "./PageTitle"
export function LoadingPage() {
const theme = useMantineTheme()
const { loadingPercentage, loadingStepLabel } = useAppLoading()
return (
<Container size="xs">
<PageTitle />
<Center>
<RingProgress
sections={[{ value: loadingPercentage, color: theme.primaryColor }]}
label={
<Text fw="bold" ta="center" size="xl">
{loadingPercentage}%
</Text>
}
/>
</Center>
{loadingStepLabel && <Center>{loadingStepLabel}</Center>}
</Container>
)
}
import { Center, Container, RingProgress, Text, useMantineTheme } from "@mantine/core"
import { useAppLoading } from "hooks/useAppLoading"
import { PageTitle } from "./PageTitle"
export function LoadingPage() {
const theme = useMantineTheme()
const { loadingPercentage, loadingStepLabel } = useAppLoading()
return (
<Container size="xs">
<PageTitle />
<Center>
<RingProgress
sections={[{ value: loadingPercentage, color: theme.primaryColor }]}
label={
<Text fw="bold" ta="center" size="xl">
{loadingPercentage}%
</Text>
}
/>
</Center>
{loadingStepLabel && <Center>{loadingStepLabel}</Center>}
</Container>
)
}