From 4d4a3a4786acb82996c638eb57f07892c1e01d12 Mon Sep 17 00:00:00 2001
From: nns <278048682+nurdotnet@users.noreply.github.com>
Date: Sun, 26 Apr 2026 15:32:29 +0500
Subject: [PATCH] =?UTF-8?q?ui(super-admin):=20=D1=87=D0=B8=D1=82=D0=B0?=
 =?UTF-8?q?=D0=B5=D0=BC=D1=8B=D0=B9=20=D0=BB=D0=BE=D0=B3=D0=BE=D1=82=D0=B8?=
 =?UTF-8?q?=D0=BF=20=D0=BD=D0=B0=20=D1=82=D1=91=D0=BC=D0=BD=D0=BE=D0=BC=20?=
 =?UTF-8?q?sidebar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<Logo> получил пропс variant="dark": в нём «FOOD» рендерится белым
(slate-50) вместо чёрного, «MARKET» — emerald-400 (вместо var brand)
для контраста на indigo-950 фоне SuperAdminLayout. SuperAdminLayout
прокидывает variant="dark" в обоих местах (desktop sidebar + mobile
header). Светлый вариант остался по умолчанию для tenant AppLayout.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/food-market.web/src/components/Logo.tsx        | 14 +++++++++++---
 .../src/components/SuperAdminLayout.tsx            |  6 +++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/food-market.web/src/components/Logo.tsx b/src/food-market.web/src/components/Logo.tsx
index 5c31ab0..58a3db9 100644
--- a/src/food-market.web/src/components/Logo.tsx
+++ b/src/food-market.web/src/components/Logo.tsx
@@ -1,14 +1,22 @@
 import { cn } from '@/lib/utils'
 
-export function Logo({ className }: { className?: string }) {
+interface Props { className?: string; variant?: 'light' | 'dark' }
+
+export function Logo({ className, variant = 'light' }: Props) {
+  const isDark = variant === 'dark'
   return (
     <div className={cn('flex flex-col leading-none select-none', className)}>
-      <span className="font-black text-slate-900 dark:text-slate-100 tracking-[0.08em] text-base">
+      <span className={cn(
+        'font-black tracking-[0.08em] text-base',
+        // На тёмном sidebar (indigo-950) чёрный «FOOD» сливался с фоном —
+        // в dark-варианте берём slate-50 для контраста.
+        isDark ? 'text-slate-50' : 'text-slate-900 dark:text-slate-100',
+      )}>
         FOOD
       </span>
       <span
         className="font-black text-[11px] tracking-[0.24em] mt-0.5"
-        style={{ color: 'var(--color-brand)' }}
+        style={{ color: isDark ? '#34D399' /* emerald-400 для контраста */ : 'var(--color-brand)' }}
       >
         MARKET
       </span>
diff --git a/src/food-market.web/src/components/SuperAdminLayout.tsx b/src/food-market.web/src/components/SuperAdminLayout.tsx
index 6595738..7e926c7 100644
--- a/src/food-market.web/src/components/SuperAdminLayout.tsx
+++ b/src/food-market.web/src/components/SuperAdminLayout.tsx
@@ -69,7 +69,7 @@ export function SuperAdminLayout() {
     <>
       <div className="px-5 py-4 border-b border-indigo-900/40">
         <div className="flex items-center justify-between">
-          <Logo />
+          <Logo variant="dark" />
           <span className="text-[10px] uppercase tracking-wider px-1.5 py-0.5 rounded bg-indigo-500/20 text-indigo-200 font-semibold">
             Super
           </span>
@@ -128,7 +128,7 @@ export function SuperAdminLayout() {
       <header className="md:hidden h-12 flex items-center gap-3 px-4 border-b border-slate-200 dark:border-slate-800 bg-indigo-950 text-white flex-shrink-0">
         <button onClick={() => setDrawerOpen(true)}><Menu className="w-6 h-6" /></button>
         <div className="flex items-center gap-2">
-          <Logo />
+          <Logo variant="dark" />
           <span className="text-[10px] uppercase tracking-wider px-1.5 py-0.5 rounded bg-indigo-500/30 text-indigo-100">Super</span>
         </div>
       </header>
@@ -169,7 +169,7 @@ export function SuperAdminLayout() {
                 {orgs.data?.map((o) => (
                   <button
                     key={o.id}
-                    onClick={() => { setOrgPickerOpen(false); setOrgOverride({ id: o.id, name: o.name }) }}
+                    onClick={() => { setOrgPickerOpen(false); setOrgOverride({ id: o.id, name: o.name }, { redirectTo: '/dashboard' }) }}
                     className="w-full text-left px-3 py-2 text-sm hover:bg-slate-100 dark:hover:bg-slate-800 truncate"
                   >
                     {o.name}