nandi.uk
This repository has no description
1import {
2 ExtensionAuthProvider,
3 useExtensionAuth,
4} from './hooks/useExtensionAuth';
5import { SaveCardPage } from './components/extension/SaveCardPage';
6import { SignInPage } from './components/extension/SignInPage';
7import { Card, MantineProvider, ScrollArea, Text, Stack } from '@mantine/core';
8import '@mantine/core/styles.css';
9import { theme } from '@/styles/theme';
10
11function PopupContent() {
12 const { isAuthenticated, isLoading } = useExtensionAuth();
13
14 if (isLoading) {
15 return (
16 <Stack align="center" p="md">
17 <Text>Loading...</Text>
18 </Stack>
19 );
20 }
21
22 if (!isAuthenticated) {
23 return <SignInPage />;
24 }
25
26 return <SaveCardPage />;
27}
28
29function IndexPopup() {
30 return (
31 <MantineProvider theme={theme}>
32 <ExtensionAuthProvider>
33 <ScrollArea.Autosize w={400} mah={600}>
34 <Card>
35 <PopupContent />
36 </Card>
37 </ScrollArea.Autosize>
38 </ExtensionAuthProvider>
39 </MantineProvider>
40 );
41}
42
43export default IndexPopup;