- Korrigiert die Bedingung für `kueOnline`, sodass nur aktive Slots den Alarmstatus überprüfen. - Entfernt Mehrfachreferenzen von `kueOnline`, die den Status ungewollt überschrieben haben. - Setzt ein bedingtes Update für `kueCableBreak`, `kueAlarm1`, und `kueAlarm2`, um unnötige Aktualisierungen zu vermeiden. - Stellt sicher, dass der erste Slot als "Leer" angezeigt wird, wenn `kueOnline` auf `0` gesetzt ist.
35 lines
1004 B
JavaScript
35 lines
1004 B
JavaScript
import { useEffect } from "react";
|
|
import Header from "../components/Header";
|
|
import Navigation from "../components/Navigation";
|
|
import Footer from "../components/Footer";
|
|
import "../styles/globals.css";
|
|
|
|
function MyApp({ Component, pageProps }) {
|
|
// Client-seitige Logik kann hier hinzugefügt werden
|
|
useEffect(() => {
|
|
if (typeof window !== "undefined") {
|
|
//console.log("Client-side logic can run here.");
|
|
}
|
|
}, []);
|
|
|
|
return (
|
|
<div className="bg-gray-100 flex flex-col min-h-screen overflow-hidden">
|
|
<Header />
|
|
<div className="flex flex-grow w-full">
|
|
{" "}
|
|
{/* Flexbox-Container für Navigation und Content */}
|
|
<Navigation className="w-1/5" />{" "}
|
|
{/* Navigation nimmt 20% der Breite ein */}
|
|
<main className="flex-1 p-4">
|
|
{" "}
|
|
{/* Der Content nimmt den restlichen Platz ein */}
|
|
<Component {...pageProps} />
|
|
</main>
|
|
</div>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default MyApp;
|