From 97236fdd59b8ca6baa1375cfb21d3745be081df0 Mon Sep 17 00:00:00 2001
From: winzlieb <winzlieb@c3d2.de>
Date: Mon, 14 Mar 2022 13:33:33 +0100
Subject: [PATCH] add Splitpane with map

---
 frontend/search/components/ngo/HostOfferLookupWrapper.tsx | 2 +-
 frontend/search/pages/index.tsx                           | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/search/components/ngo/HostOfferLookupWrapper.tsx b/frontend/search/components/ngo/HostOfferLookupWrapper.tsx
index 80a9d3c..b78d973 100644
--- a/frontend/search/components/ngo/HostOfferLookupWrapper.tsx
+++ b/frontend/search/components/ngo/HostOfferLookupWrapper.tsx
@@ -21,7 +21,7 @@ const HostOfferLookupWrapper = ({}: HostLookupWrapperProps) => {
         display: 'flex',
         alignItems: 'stretch',
         flexDirection: 'column',
-        height: '100vh'}}>
+        height: '100%'}}>
       <div>
         { (queryResult_ro.isFetching || queryResult_rw.isFetching) && t('loading…') }
         { (queryResult_ro.error || queryResult_rw.error) && t('An error occurred while trying to get data from the backend.') }
diff --git a/frontend/search/pages/index.tsx b/frontend/search/pages/index.tsx
index 570fad8..be46bc3 100644
--- a/frontend/search/pages/index.tsx
+++ b/frontend/search/pages/index.tsx
@@ -3,6 +3,8 @@ import Head from 'next/head'
 import HostOfferLookupWrapper from '../components/ngo/HostOfferLookupWrapper'
 import styles from '../styles/Home.module.css'
 import { useTranslation } from 'react-i18next'
+import {SplitPane} from "react-collapse-pane";
+import {LeafletMapWithoutSSR} from "../components/ngo/LeafletMapWithoutSSR";
 
 const Home: NextPage = () => {
   const { t } = useTranslation()
@@ -15,7 +17,10 @@ const Home: NextPage = () => {
       </Head>
 
       <main className={styles.main}>
-        <HostOfferLookupWrapper />
+        <SplitPane split={"horizontal"}>
+          <LeafletMapWithoutSSR />
+          <HostOfferLookupWrapper />
+        </SplitPane>
       </main>
 
     </div>