// RentFlow Manager — Interactive prototype (root file)
// State lifted to App; screens are split across screen-*.jsx files.
const { useState, useRef, useEffect, useMemo } = React;
// ─────────────────────────────────────────────────────────────
// Server-gestützter State-Helper (Name "useLocal" aus Kompatibilität mit allen
// Aufrufstellen beibehalten — speichert aber NICHTS mehr lokal).
//
// Der Anfangswert kommt ausschließlich aus window.RFDB.get(key), das von
// db.js VOR dem Mounten der App einmalig komplett vom Server geladen wurde
// (siehe index.html — die App wird gar nicht erst gemountet, wenn dieser
// Abruf fehlschlägt). Jede Änderung wird sofort zum Server geschrieben;
// schlägt das fehl, meldet RFDB.set() das über ein 'rfdb-error'-Event
// (App zeigt dazu ein dauerhaftes Fehler-Banner, siehe unten) — der Wert
// wird dabei NIE lokal zwischengespeichert oder stillschweigend verworfen.
// ─────────────────────────────────────────────────────────────
function useLocal(key, init) {
const [v, setV] = useState(() => {
const server = window.RFDB ? window.RFDB.get(key) : undefined;
return server !== undefined ? server : init;
});
const first = useRef(true);
useEffect(() => {
// Den allerersten Render (= der gerade vom Server geladene Wert) nicht
// gleich wieder zurückschreiben — nur echte Änderungen senden.
if (first.current) { first.current = false; return; }
if (window.RFDB) window.RFDB.set(key, v).catch(() => {}); // Fehler-Handling via 'rfdb-error'-Event
}, [key, v]);
return [v, setV];
}
// ─────────────────────────────────────────────────────────────
// Body scroll lock — the page is the scroll container now, so while a modal
// is open we freeze document scroll (ref-counted to handle stacked overlays).
// ─────────────────────────────────────────────────────────────
let __rfScrollLocks = 0;
function useBodyScrollLock(active) {
useEffect(() => {
if (!active) return;
__rfScrollLocks += 1;
document.body.style.overflow = 'hidden';
return () => {
__rfScrollLocks = Math.max(0, __rfScrollLocks - 1);
if (__rfScrollLocks === 0) document.body.style.overflow = '';
};
}, [active]);
}
// ─────────────────────────────────────────────────────────────
// Pressable
// ─────────────────────────────────────────────────────────────
function Pressable({ children, onClick, style = {}, scale = 0.97, disabled }) {
const [pressed, setPressed] = useState(false);
return (
);
}
// ─────────────────────────────────────────────────────────────
// ErrorBanner — dauerhafter Hinweis, wenn ein Schreibvorgang zum Server
// fehlgeschlagen ist (siehe db.js: window.RFDB.set/remove/importAll/resetAll
// lösen dann ein 'rfdb-error'-Event aus). Verschwindet NICHT von selbst nach
// ein paar Sekunden wie der normale Toast — bewusst, damit eine nicht
// gespeicherte Änderung nicht unbemerkt bleibt. Schließt sich nur, wenn der
// Nutzer es aktiv wegtippt.
// ─────────────────────────────────────────────────────────────
function useRfdbErrorBanner() {
const [err, setErr] = useState(null);
useEffect(() => {
const onErr = (e) => setErr(e.detail);
window.addEventListener('rfdb-error', onErr);
return () => window.removeEventListener('rfdb-error', onErr);
}, []);
return [err, () => setErr(null)];
}
function ErrorBanner({ err, onClose }) {
const t = useTheme();
if (!err) return null;
const label = {
save: 'Änderung konnte nicht gespeichert werden.',
delete: 'Löschen ist fehlgeschlagen.',
import: 'Sicherung konnte nicht wiederhergestellt werden.',
reset: 'Zurücksetzen ist fehlgeschlagen.',
}[err.kind] || 'Verbindung zum Server fehlgeschlagen.';
return (
{label}
Bitte Internetverbindung prüfen und die Änderung erneut vornehmen.