From 71b30ba8c5b9b20d5be72666fddbaabc986a334d Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Tue, 10 Feb 2026 13:49:22 +0100
Subject: [PATCH] fix: sentry issues

---
 app/[locale]/opengraph-image.tsx | 16 ++++++++++++----
 app/[locale]/twitter-image.tsx   | 16 ++++++++++++----
 sentry.edge.config.ts            |  7 ++++++-
 3 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/app/[locale]/opengraph-image.tsx b/app/[locale]/opengraph-image.tsx
index 85fc6ec..2e1ae89 100644
--- a/app/[locale]/opengraph-image.tsx
+++ b/app/[locale]/opengraph-image.tsx
@@ -118,6 +118,8 @@ export default async function Image() {
         {/* Title */}
         <div
           style={{
+            display: "flex",
+            flexDirection: "row",
             fontSize: "72px",
             fontWeight: "900",
             color: "#0f172a",
@@ -126,12 +128,19 @@ export default async function Image() {
             letterSpacing: "-0.02em",
           }}
         >
-          MB Grid <span style={{ color: "#10b981" }}>Solutions</span>
+          MB Grid{" "}
+          <span
+            style={{ color: "#10b981", display: "flex", marginLeft: "16px" }}
+          >
+            Solutions
+          </span>
         </div>
 
         {/* Subtitle */}
         <div
           style={{
+            display: "flex",
+            flexDirection: "column",
             fontSize: "32px",
             fontWeight: "500",
             color: "#64748b",
@@ -140,9 +149,8 @@ export default async function Image() {
             lineHeight: 1.4,
           }}
         >
-          Energiekabelprojekte & Technische Beratung
-          <br />
-          bis 110 kV
+          <span>Energiekabelprojekte & Technische Beratung</span>
+          <span>bis 110 kV</span>
         </div>
       </div>
 
diff --git a/app/[locale]/twitter-image.tsx b/app/[locale]/twitter-image.tsx
index 8d70b80..74128ef 100644
--- a/app/[locale]/twitter-image.tsx
+++ b/app/[locale]/twitter-image.tsx
@@ -118,6 +118,8 @@ export default async function Image() {
         {/* Title */}
         <div
           style={{
+            display: "flex",
+            flexDirection: "row",
             fontSize: "72px",
             fontWeight: "900",
             color: "#0f172a",
@@ -126,12 +128,19 @@ export default async function Image() {
             letterSpacing: "-0.02em",
           }}
         >
-          MB Grid <span style={{ color: "#10b981" }}>Solutions</span>
+          MB Grid{" "}
+          <span
+            style={{ color: "#10b981", display: "flex", marginLeft: "16px" }}
+          >
+            Solutions
+          </span>
         </div>
 
         {/* Subtitle */}
         <div
           style={{
+            display: "flex",
+            flexDirection: "column",
             fontSize: "32px",
             fontWeight: "500",
             color: "#64748b",
@@ -140,9 +149,8 @@ export default async function Image() {
             lineHeight: 1.4,
           }}
         >
-          Energiekabelprojekte & Technische Beratung
-          <br />
-          bis 110 kV
+          <span>Energiekabelprojekte & Technische Beratung</span>
+          <span>bis 110 kV</span>
         </div>
       </div>
 
diff --git a/sentry.edge.config.ts b/sentry.edge.config.ts
index 1d1ffaa..28dc808 100644
--- a/sentry.edge.config.ts
+++ b/sentry.edge.config.ts
@@ -2,10 +2,15 @@ import * as Sentry from "@sentry/nextjs";
 import { config } from "./lib/config";
 
 if (config.errors.glitchtip.enabled) {
+  console.log("Initializing Sentry in Edge runtime...", {
+    environment: config.target || "production",
+  });
   Sentry.init({
     dsn: config.errors.glitchtip.dsn,
     tracesSampleRate: 1.0,
-    debug: config.isDevelopment,
+    debug: true, // Force debug for now to see why it's failing
     environment: config.target || "production",
   });
+} else {
+  console.warn("Sentry is DISABLED in Edge runtime (missing DSN)");
 }