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 => (
{offer.contact_name_full}
)) }
+ >
+}
+
+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
+
+const HostOfferLookupWrapper = ({}: HostLookupWrapperProps) => {
+ const {data, isFetching} = useGetOffersQuery({auth: testAuth as Auth}, {staleTime: 60 * 1000})
+ if (isFetching) {
+ return "loading…"
+ } else if (data?.get_offers) {
+ return ()
+ }
+}
+
+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
+ return
+
+
}
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 = () => {
- Miau
+