components/templates/main-layout/MainLayout.tsx

@@ -1,6 +1,7 @@
 import { CartFab } from "@/components/organisms/cart";
 import Footer from "@/layouts/footer";
 import Header from "@/layouts/header";
+import { ManagerProvider } from "@/lib/manager-context";
 
 import type { MainLayoutProps } from "./MainLayout.types";
 
@@ -12,7 +13,9 @@ export default function MainLayout({ children }: MainLayoutProps) {
   return (
     <>
       {/* Sticky top header */}
-      <Header />
+      <ManagerProvider>
+        <Header />
+      </ManagerProvider>
 
       {/* Page content (grows to fill remaining height) */}
       <div className="flex-1">{children}</div>

layouts/header.tsx

@@ -2,6 +2,7 @@
 
 import { useAuth } from "@/lib/auth-context";
 import { SHOP_INFO } from "@/lib/constants";
+import { useManager } from "@/lib/manager-context";
 import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
@@ -25,6 +26,7 @@ import { useRouter } from "next/navigation";
  */
 export default function Header() {
   const router = useRouter();
+  const { eatery } = useManager();
   const { user, logout } = useAuth();
 
   const handleAuthClick = () => {
@@ -47,7 +49,7 @@ export default function Header() {
           <div className="relative h-10 w-10 shrink-0 md:h-11 md:w-11">
             <Image
               src={SHOP_INFO.logo}
-              alt={`${SHOP_INFO.name} logo`}
+              alt={`${eatery?.name} logo`}
               fill
               className="object-contain transition-transform duration-200 group-hover:scale-105"
               sizes="44px"
@@ -58,7 +60,7 @@ export default function Header() {
           {/* Name + tagline */}
           <div className="flex flex-col leading-tight">
             <span className="text-base font-bold text-(--color-primary-dark) transition-colors duration-150 group-hover:text-(--color-primary) md:text-lg">
-              {SHOP_INFO.name}
+              {eatery?.name}
             </span>
             <span className="hidden text-xs text-(--color-text-muted) md:block">
               {SHOP_INFO.tagline}

lib/manager-context.tsx

@@ -12,6 +12,7 @@ import {
 
 import { eateryClient } from "./apollo-clients";
 import {
+  EateryEntity,
   type MenuItemEntity,
   type addMenuItemMutation,
   type allEateriesQuery,
@@ -27,6 +28,7 @@ interface ManagerContextType {
   // Data
   products: MenuItemEntity[];
   eateryId: string | null;
+  eatery: EateryEntity;
 
   // Active tab
   activeTab: ManagerTab;
@@ -49,6 +51,7 @@ const GET_EATERY_MENU = gql`
   query GetEateryMenu {
     allEateries {
       id
+      name
       menuItems {
         id
         name
@@ -97,6 +100,7 @@ const DELETE_MENU_ITEM = gql`
 
 export function ManagerProvider({ children }: { children: ReactNode }) {
   const [products, setProducts] = useState<MenuItemEntity[]>([]);
+  const [eatery, setEatery] = useState<EateryEntity>();
   const [activeTab, setActiveTab] = useState<ManagerTab>("products");
 
   const { data } = useQuery<allEateriesQuery>(GET_EATERY_MENU, {
@@ -123,6 +127,7 @@ export function ManagerProvider({ children }: { children: ReactNode }) {
   useEffect(() => {
     if (data?.allEateries?.[0]) {
       setProducts(data.allEateries[0].menuItems);
+      setEatery(data.allEateries[0]);
     }
   }, [data]);
 
@@ -193,6 +198,7 @@ export function ManagerProvider({ children }: { children: ReactNode }) {
   return (
     <ManagerContext.Provider
       value={{
+        eatery,
         products,
         eateryId,
         activeTab,