feat: Added viewer

viewer/components/own/teacher-absence.tsx

@@ -0,0 +1,34 @@
+import { AbsenceEntry } from "@/lib/types";
+import { Card, CardContent } from "../ui/card";
+
+export function TeacherAbsenceItem({ entry }: { entry: AbsenceEntry }) {
+  const getTeacherName = (e: AbsenceEntry) => {
+      if (e.type === 'invalid') return null;
+      return e.teacher;
+  };
+
+  const teacherName = getTeacherName(entry) || 'Neznámý';
+
+  const getTypeDescription = (e: AbsenceEntry) => {
+    switch (e.type) {
+      case 'wholeDay': return 'Celý den';
+      case 'single': return `${e.hours}. hodinu`;
+      case 'range': return `${e.hours.from}-${e.hours.to} hodinu`;
+      case 'exkurze': return 'Na exkurzi'; 
+      case 'zastoupen': return `Zastoupen (${e.zastupuje.teacher || 'Neznámý'})`;
+      case 'invalid': return `Neplatný záznam: ${e.original}`;
+      default: return 'Neznámý';
+    }
+  };
+
+  return (
+    <Card>
+      <CardContent>
+        <div className="font-bold text-base text-slate-800 dark:text-slate-200">{teacherName}</div>
+        <div className="text-sm text-slate-500 dark:text-slate-400">
+          {getTypeDescription(entry)}
+        </div>
+      </CardContent>
+    </Card>
+  );
+}