new page for get-started

bcgov · Jun 5, 2024 · ab31df5 · ab31df5
1 parent 98a97f2
commit ab31df5
Showing 1 changed file with 49 additions and 0 deletions.
diff --git a/src/nextapp/pages/manager/namespaces/get-started.tsx b/src/nextapp/pages/manager/namespaces/get-started.tsx
@@ -0,0 +1,49 @@
+import GatewayGetStarted from '@/components/gateway-get-started';
+import PageHeader from '@/components/page-header';
+import { useApi } from '@/shared/services/api';
+import {
+    Container,
+    Heading
+} from '@chakra-ui/react';
+import { gql } from 'graphql-request';
+import Head from 'next/head';
+import React from 'react';
+
+const NamespacesPage: React.FC = () => {
+  const { data, isSuccess, isError } = useApi(
+    'allNamespaces',
+    { query },
+    { suspense: false }
+  );
+
+  return (
+    <>
+      <Head>
+        <title>
+          API Program Services | My Gateways
+        </title>
+      </Head>
+      <Container maxW="6xl">
+        <PageHeader title={'My Gateways'} />
+        <>
+          {isError && (
+            <Heading>Gateways Failed to Load</Heading>
+          )}
+          {isSuccess && data.allNamespaces.length == 0 && (
+            <GatewayGetStarted />
+          )}
+        </>
+      </Container>
+    </>
+  );
+};
+
+export default NamespacesPage;
+
+const query = gql`
+  query GetNamespaces {
+    allNamespaces {
+      name
+    }
+  }
+`;