From b35f04020d318b67908fe1723a66be0b2b6e8716 Mon Sep 17 00:00:00 2001
From: dvelo <llsap5474@gmail.com>
Date: Sun, 4 May 2025 23:35:40 -0500
Subject: [PATCH] fix: don't load banner locally

---
 .../www/src/app/api/og/server/[id]/players/route.tsx | 12 ++----------
 apps/www/src/app/api/og/server/[id]/route.tsx        |  8 ++------
 2 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/apps/www/src/app/api/og/server/[id]/players/route.tsx b/apps/www/src/app/api/og/server/[id]/players/route.tsx
index 04e1c9c..b3a15d5 100644
--- a/apps/www/src/app/api/og/server/[id]/players/route.tsx
+++ b/apps/www/src/app/api/og/server/[id]/players/route.tsx
@@ -35,14 +35,6 @@ export async function GET(
   { params }: { params: Promise<{ id: string }> }
 ) {
   try {
-    // Load banner image from filesystem
-    const bannerPath = path.join(
-      process.cwd(),
-      "public",
-      "branding",
-      "bg-banner.png"
-    );
-    const bannerImageData = fs.readFileSync(bannerPath);
 
     const id = (await params).id;
 
@@ -68,7 +60,7 @@ export async function GET(
               textAlign: "center",
               justifyContent: "center",
               alignItems: "center",
-              backgroundImage: `url(data:image/png;base64,${bannerImageData.toString("base64")})`,
+              backgroundImage: `url(${new URL("/branding/bg-banner.png", request.url).toString()})`,
               backgroundSize: "cover",
               backgroundPosition: "center",
               fontFamily: "Inter",
@@ -256,7 +248,7 @@ export async function GET(
             position: "relative",
             overflow: "hidden",
             fontFamily: "Inter",
-            backgroundImage: `url(data:image/png;base64,${bannerImageData.toString("base64")})`,
+            backgroundImage: `url(${new URL("/branding/bg-banner.png", request.url).toString()})`,
             backgroundSize: "cover",
             backgroundPosition: "center",
           }}
diff --git a/apps/www/src/app/api/og/server/[id]/route.tsx b/apps/www/src/app/api/og/server/[id]/route.tsx
index 3f36a5f..154ec10 100644
--- a/apps/www/src/app/api/og/server/[id]/route.tsx
+++ b/apps/www/src/app/api/og/server/[id]/route.tsx
@@ -128,10 +128,6 @@ export async function GET(
   { params }: { params: Promise<{ id: string }> }
 ) {
   try {
-    // Load banner image
-    const bannerImageData = await fetch(
-      new URL("/branding/bg-banner.png", request.url)
-    ).then((res) => res.arrayBuffer());
 
     const id = (await params).id;
 
@@ -158,7 +154,7 @@ export async function GET(
               textAlign: "center",
               justifyContent: "center",
               alignItems: "center",
-              backgroundImage: `url(data:image/png;base64,${Buffer.from(bannerImageData).toString("base64")})`,
+              backgroundImage: `url(${new URL("/branding/bg-banner.png", request.url).toString()})`,
               backgroundSize: "cover",
               backgroundPosition: "center",
               fontFamily: "Inter",
@@ -226,7 +222,7 @@ export async function GET(
             position: "relative",
             overflow: "hidden",
             fontFamily: "Inter",
-            backgroundImage: `url(data:image/png;base64,${Buffer.from(bannerImageData).toString("base64")})`,
+            backgroundImage: `url(${new URL("/branding/bg-banner.png", request.url).toString()})`,
             backgroundSize: "cover",
             backgroundPosition: "center",
           }}