diff options
Diffstat (limited to 'src/components/Admin.tsx')
-rw-r--r-- | src/components/Admin.tsx | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/src/components/Admin.tsx b/src/components/Admin.tsx new file mode 100644 index 0000000..8f6ce12 --- /dev/null +++ b/src/components/Admin.tsx @@ -0,0 +1,35 @@ +import Paper from '@mui/material/Paper'; +import Typography from '@mui/material/Typography'; + +import { useGetGuestsQuery } from '../apiSlice' + +function Admin() { + const { + data: guests, + isLoading, + isSuccess, + isError, + error + } = useGetGuestsQuery() + + let content + + if (isLoading) { + content = <Typography variant="h4">Loading...</Typography> + } else if (isSuccess) { + content = JSON.stringify(guests) + } else if (isError) { + content = <>{error.toString()}</> + } + + return ( + <Paper> + <Typography variant="h4" component="h4"> + Admin + </Typography> + {content} + </Paper> + ) +} + +export default Admin; |