Update example guests.json with RTK query

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;