From e2b6aaf5a0e59f54fc4f2a38eefbdee411241dac Mon Sep 17 00:00:00 2001
From: winzlieb <winzlieb@c3d2.de>
Date: Wed, 9 Mar 2022 15:39:15 +0100
Subject: [PATCH] provide first query components

---
 .../components/ngo/HostOfferLookupTable.tsx     | 14 ++++++++++++++
 .../components/ngo/HostOfferLookupWrapper.tsx   | 17 +++++++++++++++++
 frontend/search/components/util/testAuth.json   |  4 ++++
 frontend/search/pages/_app.tsx                  |  5 ++++-
 frontend/search/pages/index.tsx                 |  3 ++-
 5 files changed, 41 insertions(+), 2 deletions(-)
 create mode 100644 frontend/search/components/ngo/HostOfferLookupTable.tsx
 create mode 100644 frontend/search/components/ngo/HostOfferLookupWrapper.tsx
 create mode 100644 frontend/search/components/util/testAuth.json

diff --git a/frontend/search/components/ngo/HostOfferLookupTable.tsx b/frontend/search/components/ngo/HostOfferLookupTable.tsx
new file mode 100644
index 0000000..a5eee0a
--- /dev/null
+++ b/frontend/search/components/ngo/HostOfferLookupTable.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import {GetOffersQuery} from "../../codegen/generates";
+
+type HostOfferLookupTableProps = {
+  data: GetOffersQuery
+}
+
+const HostOfferLookupTable = ({ data }: HostOfferLookupTableProps) => {
+  return <>
+    { data.get_offers?.map(offer => (<div>{offer.contact_name_full}</div>)) }
+  </>
+}
+
+export default HostOfferLookupTable
diff --git a/frontend/search/components/ngo/HostOfferLookupWrapper.tsx b/frontend/search/components/ngo/HostOfferLookupWrapper.tsx
new file mode 100644
index 0000000..dafbb7f
--- /dev/null
+++ b/frontend/search/components/ngo/HostOfferLookupWrapper.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import {Auth, useGetOffersQuery} from "../../codegen/generates";
+import testAuth from '../util/testAuth.json'
+import HostOfferLookupTable from "./HostOfferLookupTable";
+
+type HostLookupWrapperProps = Record<string, never>
+
+const HostOfferLookupWrapper = ({}: HostLookupWrapperProps) => {
+  const {data, isFetching} = useGetOffersQuery({auth: testAuth as Auth}, {staleTime: 60 * 1000})
+  if (isFetching) {
+    return "loading…"
+  } else if (data?.get_offers) {
+    return (<HostOfferLookupTable data={data}/>)
+  }
+}
+
+export default HostOfferLookupWrapper
diff --git a/frontend/search/components/util/testAuth.json b/frontend/search/components/util/testAuth.json
new file mode 100644
index 0000000..dc2d5a1
--- /dev/null
+++ b/frontend/search/components/util/testAuth.json
@@ -0,0 +1,4 @@
+{
+  "mail": "crewing@example-ngo.com",
+  "password": "Vr(+cFtUG=rsj2:/]*uR"
+}
diff --git a/frontend/search/pages/_app.tsx b/frontend/search/pages/_app.tsx
index 3f5c9d5..09e5239 100644
--- a/frontend/search/pages/_app.tsx
+++ b/frontend/search/pages/_app.tsx
@@ -1,8 +1,11 @@
 import '../styles/globals.css'
 import type { AppProps } from 'next/app'
+import MyQueryClientProvider from "../components/QueryClientProvider";
 
 function MyApp({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />
+  return <MyQueryClientProvider>
+    <Component {...pageProps} />
+  </MyQueryClientProvider>
 }
 
 export default MyApp
diff --git a/frontend/search/pages/index.tsx b/frontend/search/pages/index.tsx
index 22a52c0..495f677 100644
--- a/frontend/search/pages/index.tsx
+++ b/frontend/search/pages/index.tsx
@@ -1,5 +1,6 @@
 import type { NextPage } from 'next'
 import Head from 'next/head'
+import HostOfferLookupWrapper from '../components/ngo/HostOfferLookupWrapper'
 import styles from '../styles/Home.module.css'
 
 const Home: NextPage = () => {
@@ -11,7 +12,7 @@ const Home: NextPage = () => {
       </Head>
 
       <main className={styles.main}>
-        Miau
+        <HostOfferLookupWrapper />
       </main>
 
     </div>