From 163e35a49eae7a987ac8ac6af9a2eb49f88aa1b1 Mon Sep 17 00:00:00 2001
From: Janis <janis.meister87@gmail.com>
Date: Fri, 16 Dec 2022 19:15:02 +0100
Subject: [PATCH] [fix] map freezes on mobile view

---
 components/Map.jsx      | 17 +----------------
 pages/api/hello.js      |  5 -----
 styles/Home.module.scss |  1 +
 3 files changed, 2 insertions(+), 21 deletions(-)
 delete mode 100644 pages/api/hello.js

diff --git a/components/Map.jsx b/components/Map.jsx
index ecc9fc2..622f466 100644
--- a/components/Map.jsx
+++ b/components/Map.jsx
@@ -2,20 +2,7 @@ import "../styles/Map.module.scss";
 
 function Map({ width = "100%", height = "100%", showAddressText }) {
 	return (
-		<div
-			className="map"
-			style={
-				typeof window !== "undefined"
-					? {
-							width: width > window.innerWidth ?? "100%",
-							height: height > window.innerHeight ?? "100%",
-					  }
-					: {
-							width: "100%",
-							height: "100%",
-					  }
-			}
-		>
+		<div className="map" style={{ width: "100%", height: "100%" }}>
 			<iframe
 				id="googleMap"
 				title="Google Maps"
@@ -23,9 +10,7 @@ function Map({ width = "100%", height = "100%", showAddressText }) {
 				style={{ border: "0" }}
 				width={width}
 				height={height}
-				allowfullscreen="true"
 				loading="lazy"
-				referrerpolicy="no-referrer-when-downgrade"
 			></iframe>
 			{showAddressText ? (
 				<a
diff --git a/pages/api/hello.js b/pages/api/hello.js
deleted file mode 100644
index df63de8..0000000
--- a/pages/api/hello.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default function handler(req, res) {
-  res.status(200).json({ name: 'John Doe' })
-}
diff --git a/styles/Home.module.scss b/styles/Home.module.scss
index ab34020..91f55d2 100644
--- a/styles/Home.module.scss
+++ b/styles/Home.module.scss
@@ -117,6 +117,7 @@
 
 		.homeMapContainer {
 			width: 90%;
+			min-height: 500px;
 		}
 	}
 }