2nd version

audi-content-portal/src/components/layout/AppSidebar.tsx

@@ -1,9 +1,7 @@
 import * as React from "react"
 import { 
-  LayoutDashboard, 
   Car, 
   NotebookPen,
-  Users, 
   UserCog,
   Settings, 
   LogOut,
@@ -23,15 +21,11 @@ import {
   SidebarMenuItem,
   SidebarRail,
 } from "@/components/ui/sidebar"
+import { LogoIconOnly } from "./Logo"
 
 const navItems = [
   {
-    title: "仪表盘",
-    icon: LayoutDashboard,
-    id: "dashboard",
-  },
-  {
-    title: "车型库",
+    title: "官网车型库",
     icon: Car,
     id: "car-library",
   },
@@ -40,11 +34,6 @@ const navItems = [
     icon: NotebookPen,
     id: "mini-content",
   },
-  {
-    title: "潜客管理",
-    icon: Users,
-    id: "leads",
-  },
   {
     title: "用户与权限",
     icon: UserCog,
@@ -66,16 +55,25 @@ export function AppSidebar({
 }) {
   return (
     <Sidebar collapsible="icon">
-      <SidebarHeader className="border-b border-sidebar-border/50 py-6">
-        <div className="flex items-center gap-3 px-2">
-          <div className="flex h-8 w-8 items-center justify-center rounded-sm bg-audi-red text-white">
-            <span className="text-xs font-bold tracking-tighter">A</span>
+      <SidebarHeader className="border-b border-sidebar-border/50">
+        {/* Expanded: full logo banner */}
+        <div className="group-data-[collapsible=icon]:hidden">
+          <div className="bg-black px-4 py-3">
+            <img
+              src="/images/audi_logo.png"
+              alt="Audi"
+              className="h-7 w-auto object-contain"
+            />
           </div>
-          <div className="flex flex-col overflow-hidden group-data-[collapsible=icon]:hidden">
-            <span className="text-sm font-bold tracking-[0.15em] uppercase truncate">Audi Portal</span>
-            <span className="text-[10px] text-muted-foreground tracking-widest uppercase truncate">Smart Operations</span>
+          <div className="px-4 py-2">
+            <p className="text-[11px] font-semibold text-gray-800 leading-tight tracking-wide">Rednote Mini App</p>
+            <p className="text-[10px] text-gray-400 leading-tight tracking-widest uppercase">Backend Portal</p>
           </div>
         </div>
+        {/* Collapsed: icon only */}
+        <div className="hidden group-data-[collapsible=icon]:flex justify-center py-3">
+          <LogoIconOnly />
+        </div>
       </SidebarHeader>
       <SidebarContent>
         <SidebarGroup>