From 2a0380189d644b7db5e7d8bf0ac8dd6485ec17ab Mon Sep 17 00:00:00 2001 From: Usman Baig Date: Wed, 4 Feb 2026 11:00:21 +0100 Subject: [PATCH] feat: add OfflineBanner component to LayoutContent for offline notifications and update styles in OfflineBanner --- app/layout-content.tsx | 2 ++ app/layout.tsx | 2 -- components/OfflineBanner.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/layout-content.tsx b/app/layout-content.tsx index 1956f0d..a4a37be 100644 --- a/app/layout-content.tsx +++ b/app/layout-content.tsx @@ -1,5 +1,6 @@ 'use client' +import { OfflineBanner } from '@/components/OfflineBanner' import { Header, Footer } from '@ciphera-net/ui' import { useAuth } from '@/lib/auth/context' import Link from 'next/link' @@ -53,6 +54,7 @@ export default function LayoutContent({ children }: { children: React.ReactNode showSecurity={false} showPricing={true} /> +
{children}
diff --git a/app/layout.tsx b/app/layout.tsx index 1c1f26d..459df64 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,4 +1,3 @@ -import { OfflineBanner } from '@/components/OfflineBanner' import { ThemeProviders, Toaster } from '@ciphera-net/ui' import { AuthProvider } from '@/lib/auth/context' import type { Metadata, Viewport } from 'next' @@ -47,7 +46,6 @@ export default function RootLayout({ return ( - {children} diff --git a/components/OfflineBanner.tsx b/components/OfflineBanner.tsx index 85ff054..d18b7af 100644 --- a/components/OfflineBanner.tsx +++ b/components/OfflineBanner.tsx @@ -9,7 +9,7 @@ export function OfflineBanner() { if (isOnline) return null; return ( -
+
You are currently offline. Changes may not be saved.