From 392ada664d6bc42d44950d026faab1eea4b463b5 Mon Sep 17 00:00:00 2001
From: Mustafa Yildiz <mstfyldz@users.noreply.github.com>
Date: Sat, 18 Jul 2026 14:53:27 +0300
Subject: [PATCH] fix: resolve 404 for DynamicLogo by using openinaryLoader and
 fixing path prefix

---
 components/DynamicLogo.tsx | 9 +++++++--
 lib/openinary-loader.ts    | 6 ++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/DynamicLogo.tsx b/components/DynamicLogo.tsx
index 73a1f58..d66c2ff 100644
--- a/components/DynamicLogo.tsx
+++ b/components/DynamicLogo.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import openinaryLoader from '../lib/openinary-loader';
+
 interface DynamicLogoProps {
   src: string;
   color?: string;
@@ -17,13 +19,16 @@ export default function DynamicLogo({
   size = "contain",
   className = ""
 }: DynamicLogoProps) {
+  
+  const imageUrl = src.startsWith('/') ? openinaryLoader({ src, width: 800 }) : src;
+
   return (
     <div
       className={className}
       style={{
         backgroundColor: color,
-        maskImage: `url(${src})`,
-        WebkitMaskImage: `url(${src})`,
+        maskImage: `url(${imageUrl})`,
+        WebkitMaskImage: `url(${imageUrl})`,
         maskRepeat: "no-repeat",
         maskPosition: "center",
         maskSize: size,
diff --git a/lib/openinary-loader.ts b/lib/openinary-loader.ts
index 8ae36b0..19edee0 100644
--- a/lib/openinary-loader.ts
+++ b/lib/openinary-loader.ts
@@ -30,8 +30,10 @@ export default function openinaryLoader({ src, width, quality }: { src: string,
         return url.toString();
     }
 
-    // Clean up any leading slash
-    if (path.startsWith('/')) {
+    // Clean up any leading slash and the /t/ prefix if present
+    if (path.startsWith('/t/')) {
+        path = path.substring(3);
+    } else if (path.startsWith('/')) {
         path = path.substring(1);
     }