highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-04-11 05:09:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

add reload notification to login screen

Browse Source
This commit is contained in:
hzrd149 2023-03-21 09:40:41 -06:00
parent fd31a44224
commit 850e781dee
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/login/index.tsx
View File

@ -1,5 +1,6 @@
import { Avatar, Box, Flex, Heading } from "@chakra-ui/react";
import { Avatar, Flex, Heading } from "@chakra-ui/react";
import { Navigate, Outlet, useLocation } from "react-router-dom";
import { ReloadPrompt } from "../../components/reload-prompt";
import useSubject from "../../hooks/use-subject";
import accountService from "../../services/account";
@ -10,19 +11,22 @@ export default function LoginView() {
if (current) return <Navigate to={location.state?.from ?? "/"} replace />;
return (
<Flex
direction="column"
alignItems="center"
justifyContent="center"
gap="4"
height="100%"
padding="4"
overflowX="hidden"
overflowY="auto"
>
<Avatar src="/apple-touch-icon.png" size="lg" flexShrink={0} />
<Heading>noStrudel</Heading>
<Outlet />
</Flex>
<>
<ReloadPrompt />
<Flex
direction="column"
alignItems="center"
justifyContent="center"
gap="4"
height="100%"
padding="4"
overflowX="hidden"
overflowY="auto"
>
<Avatar src="/apple-touch-icon.png" size="lg" flexShrink={0} />
<Heading>noStrudel</Heading>
<Outlet />
</Flex>
</>
);
}