From 25aa7daea200bec42dca69a4d8540d99e31e6a89 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Wed, 18 Mar 2026 11:00:36 +0000
Subject: [PATCH 1/2] [#296] Replace $ text with SVG logo symbol in nav bar

Swap the $ character for an <img> referencing /plotlink-logo-symbol.svg,
sized at 18px and vertically aligned with the PlotLink text.

Fixes #296

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/NavBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index 52674a05..ae16b2d8 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -24,8 +24,8 @@ export function NavBar() {
           href="/"
           className="text-accent text-sm font-bold tracking-tight transition-opacity hover:opacity-80"
         >
-          <span className="text-muted mr-1 font-normal">$</span>
-          PlotLink
+          <img src="/plotlink-logo-symbol.svg" alt="" width={18} height={18} className="mr-1.5 inline-block align-middle" />
+          <span className="align-middle">PlotLink</span>
         </Link>
 
         {/* Desktop nav links */}

From 8b80c5e5c7af427d9abfbadc94e279929466122a Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Wed, 18 Mar 2026 11:02:52 +0000
Subject: [PATCH 2/2] [#296] Switch nav logo from <img> to next/image

Addresses T2a review: use next/image to satisfy @next/next/no-img-element
lint rule.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/NavBar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index ae16b2d8..5480c0e9 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import Image from "next/image";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { ConnectWallet } from "./ConnectWallet";
@@ -24,7 +25,7 @@ export function NavBar() {
           href="/"
           className="text-accent text-sm font-bold tracking-tight transition-opacity hover:opacity-80"
         >
-          <img src="/plotlink-logo-symbol.svg" alt="" width={18} height={18} className="mr-1.5 inline-block align-middle" />
+          <Image src="/plotlink-logo-symbol.svg" alt="" width={18} height={18} className="mr-1.5 inline-block align-middle" />
           <span className="align-middle">PlotLink</span>
         </Link>