From 0e26a88e7f756ee5476d2d571b85692f5bbfed3a Mon Sep 17 00:00:00 2001
From: joaquim-verges <joaquim.verges@gmail.com>
Date: Tue, 22 Oct 2024 00:52:15 +0000
Subject: [PATCH] fix: resolve ecosystem image URL using thirdweb storage
 (#5120)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Problem solved

Fixes CNCT-2087

<!-- start pr-codex -->

---

## PR-Codex overview
This PR enhances the `Layout` component in the `layout.tsx` file by improving the way the ecosystem image URL is resolved using `resolveScheme`, ensuring proper handling of the image source.

### Detailed summary
- Added import for `resolveScheme` from `thirdweb/storage`.
- Added import for `client` from `../../../lib/client`.
- Updated the `src` attribute of the `<img>` tag to use `resolveScheme({ uri: ecosystem.imageUrl, client })` instead of directly using `ecosystem.imageUrl`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->
---
 apps/wallet-ui/src/app/[ecosystem]/(authed)/layout.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/wallet-ui/src/app/[ecosystem]/(authed)/layout.tsx b/apps/wallet-ui/src/app/[ecosystem]/(authed)/layout.tsx
index ebffe88ba47..09a4e4c31a6 100644
--- a/apps/wallet-ui/src/app/[ecosystem]/(authed)/layout.tsx
+++ b/apps/wallet-ui/src/app/[ecosystem]/(authed)/layout.tsx
@@ -1,6 +1,8 @@
 import ConnectButton from "@/components/ConnectButton";
 import { authedOnly } from "@/lib/auth";
 import { getEcosystemInfo } from "@/lib/ecosystems";
+import { resolveScheme } from "thirdweb/storage";
+import { client } from "../../../lib/client";
 
 export default async function Layout({
   children,
@@ -18,7 +20,7 @@ export default async function Layout({
           <div className="flex items-center gap-2">
             <img
               className="h-8 w-8"
-              src={ecosystem.imageUrl}
+              src={resolveScheme({ uri: ecosystem.imageUrl, client })}
               alt={ecosystem.name}
               width={100}
               height={100}