From e439ea09db11503420e1bdc929516bb9fdf65db4 Mon Sep 17 00:00:00 2001
From: DJP <DJP>
Date: Tue, 21 Apr 2026 08:56:53 -0400
Subject: [PATCH] Fix missed .mjs db:seed script + Dow navy bg behind logo
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two smalls:

1) package.json db:seed still said seed-dow.cjs from the earlier
   CJS→ESM rename — file bump missed it because I hadn't read the file
   in that tool pass. With the Dockerfile now producing .mjs the seed
   would have failed again for a different, dumber reason. Fixed.

2) Dow Jones wordmark is white on transparent, so it vanished into the
   sidebar's light background. Added bg-[#002B5C] (Dow Jones brand
   navy) to the logo header in both the desktop sidebar and the mobile
   sheet. Now the logo actually reads.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 package.json                      |  2 +-
 src/components/layout/sidebar.tsx | 11 ++++-------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index f87491b..8ea4eb8 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "db:generate": "prisma generate",
     "db:migrate": "prisma migrate dev",
     "db:push": "prisma db push",
-    "db:seed": "node prisma/seed-dow.cjs",
+    "db:seed": "node prisma/seed-dow.mjs",
     "db:seed-legacy": "tsx prisma/seed.ts",
     "db:studio": "prisma studio",
     "db:seed-tracker": "tsx prisma/seed-tracker-data.ts",
diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
index 3b4f7a6..b6c3f6d 100644
--- a/src/components/layout/sidebar.tsx
+++ b/src/components/layout/sidebar.tsx
@@ -171,17 +171,14 @@ export function Sidebar() {
       role="navigation"
       aria-label="Sidebar"
     >
-      {/* Logo / wordmark */}
+      {/* Logo / wordmark — Dow Jones logo is white, needs a dark
+          background to read. #002B5C is Dow Jones's brand navy. */}
       <div className={cn(
-        "flex h-14 items-center border-b",
+        "flex h-14 items-center border-b bg-[#002B5C]",
         isCollapsed ? "justify-center px-2" : "px-4"
       )}>
         {!isCollapsed && (
           <Link href="/dashboard" className="flex items-center" aria-label="Dow Jones Studio Tracker">
-            {/* Plain <img> (not next/image) — basePath-handling in next/image
-                is fiddly and the file is ~4KB so image optimisation adds
-                nothing. Skipping Next's image pipeline avoids the whole
-                `/_next/image?url=...` + domain-allowlist dance. */}
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img
               src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/navbar-logo.png`}
@@ -235,7 +232,7 @@ export function MobileSidebar() {
     <Sheet open={isMobileOpen} onOpenChange={setMobileOpen}>
       <SheetContent side="left" className="w-60 p-0">
         <SheetTitle className="sr-only">Navigation</SheetTitle>
-        <div className="flex h-14 items-center border-b px-4">
+        <div className="flex h-14 items-center border-b bg-[#002B5C] px-4">
           {/* eslint-disable-next-line @next/next/no-img-element */}
           <img
             src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/navbar-logo.png`}