feat: Integrate

viewer/app/view.tsx

@@ -16,6 +16,8 @@ import { Input } from "@/components/ui/input";
 import { SubstitutionData, LocalData } from "@/lib/types";
 import { Card, CardContent } from "@/components/ui/card";
 import ScheduleViewer from "@/components/own/schedule-viewer";
+import { capitalizeFirstLetter } from "@/lib/utils";
+import UpdateStatus from '@/components/own/update-status';
 
 interface ViewProps {
   data: SubstitutionData | null;
@@ -29,6 +31,7 @@ interface FormValues {
 export default function View({ data }: ViewProps) {
   const [loading, setLoading] = useState(true);
   const [localData, setLocalData] = useState<LocalData | null>(null);
+  const [hideSubstitutions, setHideSubstitutions] = useState(false);
 
   const form = useForm<FormValues>({
     defaultValues: {
@@ -59,7 +62,7 @@ export default function View({ data }: ViewProps) {
       }
 
       const data = {
-        class: classNameProcessed,
+        class: foundKey,
         timetable: jsonData[foundKey]
       };
 
@@ -147,10 +150,18 @@ export default function View({ data }: ViewProps) {
   return (
     <div className="w-full max-w-[1920px] mx-auto p-4 space-y-6">
       <div className="flex justify-between items-center">
-        <h1 className="text-2xl font-bold">Rozvrh třídy {localData.class}</h1>
-        <Button variant="outline" onClick={() => setLocalData(null)}>Změnit třídu/soubor</Button>
+        <h1 className="text-2xl font-bold">Rozvrh třídy {capitalizeFirstLetter(localData.class)}</h1>
+        <div className="flex gap-2">
+          <Button variant="outline" onClick={() => setHideSubstitutions(!hideSubstitutions)}>
+            {hideSubstitutions ? "Zobrazit suplování" : "Skrýt suplování"}
+          </Button>
+          <Button variant="outline" onClick={() => setLocalData(null)}>Změnit třídu/soubor</Button>
+        </div>
       </div>
-      <ScheduleViewer localData={localData} substitutionData={data} />
+      
+      <UpdateStatus data={data} />
+
+      <ScheduleViewer localData={localData} substitutionData={data} hideSubstitutions={hideSubstitutions} />
     </div>
   );
 }