From f9128c95151bdc03465da45d3e49b61f8bccc45a Mon Sep 17 00:00:00 2001
From: Janis Meister <janis.meister87@gmail.com>
Date: Mon, 13 Mar 2023 09:02:51 +0100
Subject: [PATCH] add

---
 components/Nav.jsx   |  6 ++--
 pages/furnishing.jsx | 66 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 69 insertions(+), 3 deletions(-)
 create mode 100644 pages/furnishing.jsx

diff --git a/components/Nav.jsx b/components/Nav.jsx
index a3d4790..95ffbf6 100644
--- a/components/Nav.jsx
+++ b/components/Nav.jsx
@@ -33,10 +33,10 @@ export default function Nav({ localeTexts }) {
 					{localeTexts?.nav?.surroundings ?? ""}
 				</Link>
 				<Link
-					href="/gallery"
-					className={currentRoute === "/gallery" ? `${styles.active}` : ""}
+					href="/furnishing"
+					className={currentRoute === "/furnishing" ? `${styles.active}` : ""}
 				>
-					{localeTexts?.nav?.gallery ?? ""}
+					{localeTexts?.nav?.furnishing ?? ""}
 				</Link>
 
 				<Link
diff --git a/pages/furnishing.jsx b/pages/furnishing.jsx
new file mode 100644
index 0000000..9caea4d
--- /dev/null
+++ b/pages/furnishing.jsx
@@ -0,0 +1,66 @@
+/* eslint-disable @next/next/no-img-element */
+import styles from "../styles/Surroundings.module.scss";
+import { db } from "../firebase-config";
+import { collection, doc, getDoc, getDocs } from "firebase/firestore";
+import { useRouter } from "next/router";
+
+export async function getInitialProps({ router }) {
+	let pageProps = {};
+	const { locale } = router;
+
+	return { pageProps, locale };
+}
+
+export async function getServerSideProps({ locale }) {
+	const dataLocale = await getDoc(doc(db, "localeTexts", locale));
+	const dataFurnishings = await getDocs(collection(db, "furnishings"));
+
+	return {
+		props: {
+			localeTexts: dataLocale.data() ?? {},
+			furnishings:
+				dataFurnishings.docs.map((doc) => ({ ...doc.data(), id: doc.id })) ??
+				{},
+		},
+	};
+}
+
+export default function Furnishing({ furnishings, localeTexts }) {
+	const { locale } = useRouter();
+	return (
+		<div className={styles.surroundings}>
+			<h1 className="pageHeadline">{localeTexts?.furnishings?.headline}</h1>
+
+			{furnishings.map((s, i) => {
+				{
+					console.log(locale);
+				}
+				return (
+					<div className={styles.surroundingsItem} key={i}>
+						<h4>{locale === "en" ? s.title.en : s.title.de}</h4>
+						<div className={styles.surroundingsItemImgContainer}>
+							<img
+								src={s.image.url}
+								alt={locale === "en" ? s.title.en : s.title.de}
+							/>
+							<div>
+								{s.links.map((l, i2) => {
+									return (
+										<a key={i2} href={l.url}>
+											{locale === "en" ? l.text.en : l.text.de}
+										</a>
+									);
+								})}
+							</div>
+						</div>
+						<div
+							dangerouslySetInnerHTML={{
+								__html: locale === "en" ? s.text.en : s.text.de,
+							}}
+						/>
+					</div>
+				);
+			})}
+		</div>
+	);
+}