Update components/Sidebar.tsx

components/Sidebar.tsx

@@ -1,6 +1,6 @@
 
 import React, { useState, useEffect } from 'react';
-import { LayoutDashboard, Users, BookOpen, GraduationCap, Settings, LogOut, FileText, School, UserCog, Palette, X, Building, Gamepad2, CalendarCheck, UserCircle, MessageSquare, Bot, ArrowUp, ArrowDown, Save } from 'lucide-react';
+import { LayoutDashboard, Users, BookOpen, GraduationCap, Settings, LogOut, FileText, School, UserCog, Palette, X, Building, Gamepad2, CalendarCheck, UserCircle, MessageSquare, Bot, ArrowUp, ArrowDown, Save, UserCheck } from 'lucide-react';
 import { UserRole } from '../types';
 import { api } from '../services/api';
 
@@ -23,10 +23,12 @@ interface MenuItem {
 export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, userRole, onLogout, isOpen, onClose }) => {
   const currentUser = api.auth.getCurrentUser();
   const canSeeAI = userRole === UserRole.ADMIN || (userRole === UserRole.TEACHER && currentUser?.aiAccess);
+  const isHomeroom = userRole === UserRole.TEACHER && !!currentUser?.homeroomClass;
 
   // Default Items
   const defaultItems: MenuItem[] = [
     { id: 'dashboard', label: '工作台', icon: LayoutDashboard, roles: [UserRole.ADMIN, UserRole.PRINCIPAL, UserRole.TEACHER, UserRole.STUDENT] },
+    { id: 'my-class', label: '我的班级', icon: UserCheck, roles: isHomeroom ? [UserRole.TEACHER] : [] }, 
     { id: 'ai-assistant', label: 'AI 智能助教', icon: Bot, roles: canSeeAI ? [UserRole.ADMIN, UserRole.TEACHER] : [] }, 
     { id: 'attendance', label: '考勤管理', icon: CalendarCheck, roles: [UserRole.TEACHER, UserRole.PRINCIPAL] }, 
     { id: 'games', label: '互动教学', icon: Gamepad2, roles: [UserRole.TEACHER, UserRole.STUDENT] }, 
@@ -118,8 +120,10 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
           </div>
           <nav className="space-y-1 px-2">
             {menuItems.map((item, idx) => {
-              if (!item.roles.includes(userRole)) return null;
+              if (item.roles.length > 0 && !item.roles.includes(userRole)) return null;
               if (item.id === 'ai-assistant' && !canSeeAI) return null;
+              // Special check for 'my-class': only homeroom teachers
+              if (item.id === 'my-class' && !isHomeroom) return null;
               
               const Icon = item.icon;
               const isActive = currentView === item.id;
@@ -167,4 +171,4 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
       </div>
     </>
   );
-};
+};