From e8080dca7a4ef50b4c8cf372fc5085ce21c485c9 Mon Sep 17 00:00:00 2001
From: Valtteri Juvonen <57869878+Itsdarkhere@users.noreply.github.com>
Date: Sun, 21 Jun 2026 11:35:27 +0300
Subject: [PATCH] gmaps

---
 app/root.tsx                         | 17 ++++++++++++++---
 components/RealEstateProjectPage.jsx |  2 +-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/root.tsx b/app/root.tsx
index 48f85e1..67cd1da 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -34,9 +34,15 @@ export const links: LinksFunction = () => [
   { rel: "alternate", hrefLang: "fi", href: "https://www.sepos.fi/fi" },
 ];
 
-export async function loader({ params }: LoaderFunctionArgs) {
+export async function loader({ params, context }: LoaderFunctionArgs) {
   const lang = params.lang || "en";
-  return json({ lang });
+  const env = context.cloudflare?.env as Record<string, string> | undefined;
+  return json({
+    lang,
+    ENV: {
+      GOOGLE_MAPS_API_KEY: env?.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY ?? "",
+    },
+  });
 }
 
 function ProgressBar() {
@@ -72,10 +78,15 @@ export function Layout({ children }: { children: React.ReactNode }) {
 }
 
 export default function App() {
-  const { lang } = useLoaderData<typeof loader>();
+  const { lang, ENV } = useLoaderData<typeof loader>();
 
   return (
     <>
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `window.ENV = ${JSON.stringify(ENV)}`,
+        }}
+      />
       <ProgressBar />
       <Nav lang={lang} />
       <Outlet context={{ lang }} />
diff --git a/components/RealEstateProjectPage.jsx b/components/RealEstateProjectPage.jsx
index 3bbbed3..c6c63be 100644
--- a/components/RealEstateProjectPage.jsx
+++ b/components/RealEstateProjectPage.jsx
@@ -288,7 +288,7 @@ const ProjectDetails = ({ project }) => {
               <h3 className="text-2xl font-bold mb-6">Location</h3>
               <div className="rounded-lg overflow-hidden h-80 mb-4">
                 <iframe 
-                  src={`https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY&q=${project.mapCoordinates.lat},${project.mapCoordinates.lng}&zoom=15`}
+                  src={`https://www.google.com/maps/embed/v1/place?key=${typeof window !== 'undefined' ? window.ENV?.GOOGLE_MAPS_API_KEY : ''}&q=${project.mapCoordinates.lat},${project.mapCoordinates.lng}&zoom=15`}
                   width="100%" 
                   height="100%" 
                   style={{ border: 0 }}