add overlay when daemon not available

This commit is contained in:
Eduard Gert
2026-05-18 11:37:42 +02:00
parent 7f7bee630f
commit c24349e4f1
6 changed files with 75 additions and 3 deletions
@@ -2,6 +2,7 @@ import { useState } from "react";
import { Outlet } from "react-router-dom";
import { Header } from "@/layouts/Header.tsx";
import { ClientVersionProvider } from "@/modules/auto-update/ClientVersionContext.tsx";
import { DaemonUnavailableOverlay } from "@/modules/daemon-status/DaemonUnavailableOverlay.tsx";
import { DebugBundleProvider } from "@/modules/debug-bundle/DebugBundleContext.tsx";
import { ProfileProvider } from "@/modules/profile/ProfileContext.tsx";
@@ -20,6 +21,7 @@ export const AppLayout = () => {
<ClientVersionProvider>
<Header expanded={expanded} setExpanded={setExpanded} />
<Outlet context={{ expanded } satisfies MainOutletContext} />
<DaemonUnavailableOverlay />
</ClientVersionProvider>
</DebugBundleProvider>
</ProfileProvider>
@@ -1,5 +1,6 @@
import { Outlet } from "react-router-dom";
import { ClientVersionProvider } from "@/modules/auto-update/ClientVersionContext.tsx";
import { DaemonUnavailableOverlay } from "@/modules/daemon-status/DaemonUnavailableOverlay.tsx";
import { DebugBundleProvider } from "@/modules/debug-bundle/DebugBundleContext.tsx";
import { ProfileProvider } from "@/modules/profile/ProfileContext.tsx";
@@ -26,6 +27,7 @@ export const SettingsLayout = () => {
}
/>
<Outlet />
<DaemonUnavailableOverlay />
</ClientVersionProvider>
</DebugBundleProvider>
</ProfileProvider>