feat: Integrate

viewer/components/own/schedule-viewer.tsx

@@ -5,10 +5,12 @@ import { format, startOfWeek, addDays, parseISO } from 'date-fns';
 import { cs } from 'date-fns/locale';
 import { LocalData, SubstitutionData, ChangeEntry, Hour } from '@/lib/types';
 import { Card } from '@/components/ui/card';
+import { capitalizeFirstLetter } from '@/lib/utils';
 
 interface ScheduleViewerProps {
   localData: LocalData;
   substitutionData: SubstitutionData | null;
+  hideSubstitutions?: boolean;
 }
 
 function getChangesForClass(changes: Record<string, (ChangeEntry | null)[]> | undefined, className: string): (ChangeEntry | null)[] {
@@ -22,7 +24,7 @@ function getChangesForClass(changes: Record<string, (ChangeEntry | null)[]> | un
   return [];
 }
 
-export default function ScheduleViewer({ localData, substitutionData }: ScheduleViewerProps) {
+export default function ScheduleViewer({ localData, substitutionData, hideSubstitutions = false }: ScheduleViewerProps) {
   const referenceDate = useMemo(() => {
     if (substitutionData?.schedule) {
       const dates = Object.keys(substitutionData.schedule).sort();
@@ -51,7 +53,7 @@ export default function ScheduleViewer({ localData, substitutionData }: Schedule
 
   const currentWeekMaxHours = useMemo(() => {
     let max = maxHours;
-    if (substitutionData?.schedule) {
+    if (!hideSubstitutions && substitutionData?.schedule) {
       weekDays.forEach(date => {
         const dateStr = format(date, 'yyyy-MM-dd');
         const dayData = substitutionData.schedule[dateStr];
@@ -62,7 +64,7 @@ export default function ScheduleViewer({ localData, substitutionData }: Schedule
       });
     }
     return max;
-  }, [maxHours, substitutionData, weekDays, localData.class]);
+  }, [maxHours, substitutionData, weekDays, localData.class, hideSubstitutions]);
 
   const hours = Array.from({ length: currentWeekMaxHours }, (_, i) => i + 1);
 
@@ -115,7 +117,7 @@ export default function ScheduleViewer({ localData, substitutionData }: Schedule
                         <td key={hourIndex} className="border-r min-w-[120px] h-full align-top relative p-0">
                           <CellContent 
                             staticLessons={staticLessons} 
-                            change={change} 
+                            change={hideSubstitutions ? null : change} 
                           />
                         </td>
                       );
@@ -157,7 +159,7 @@ function CellContent({ staticLessons, change }: { staticLessons: Hour[], change:
           <div key={idx} className="flex-1 flex flex-col justify-between p-1 text-[10px] border-b min-h-[40px]">
              <div className='flex justify-between'>
                <div className="font-bold truncate">{lesson.subject}</div>
-               <span className="truncate opacity-70">{lesson.teacher.code}</span>
+               <span className="truncate opacity-70">{capitalizeFirstLetter(lesson.teacher.code)}</span>
              </div>
              <div className="flex justify-between">
                <span className="truncate max-w-[40px]">{lesson.room}</span>
@@ -175,7 +177,7 @@ function CellContent({ staticLessons, change }: { staticLessons: Hour[], change:
       <div className="font-bold text-lg text-primary">{lesson.subject}</div>
       <div className="flex justify-between items-end mt-1">
         <div className="font-mono font-medium">{lesson.room}</div>
-        <div className="text-[10px] opacity-80" title={lesson.teacher.name}>{lesson.teacher.code}</div>
+        <div className="text-[10px] opacity-80" title={lesson.teacher.name}>{capitalizeFirstLetter(lesson.teacher.code)}</div>
       </div>
     </div>
   );