ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

chore: update @ciphera-net/ui dependency to version 0.0.42 in package.json and package-lock.json; enhance OfflineBanner styling and layout in layout-content.tsx

Browse Source
This commit is contained in:
Usman Baig
2026-02-04 11:41:38 +01:00
parent 223c00a382
commit 19f75b2f45
4 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/layout-content.tsx
View File

@@ -40,8 +40,12 @@ export default function LayoutContent({ children }: { children: React.ReactNode
router.push('/onboarding') router.push('/onboarding')
} }
const showOfflineBar = Boolean(auth.user && !isOnline);
const barHeightRem = '2.5rem';
return ( return (
<> <>
{auth.user && <OfflineBanner />}
<Header <Header
auth={auth} auth={auth}
LinkComponent={Link} LinkComponent={Link}
@@ -55,9 +59,9 @@ export default function LayoutContent({ children }: { children: React.ReactNode
showFaq={false} showFaq={false}
showSecurity={false} showSecurity={false}
showPricing={true} showPricing={true}
bottomContent={auth.user ? <OfflineBanner /> : undefined} topOffset={showOfflineBar ? barHeightRem : undefined}
/> />
<main className={`flex-1 pb-8 ${auth.user && !isOnline ? 'pt-32' : 'pt-24'}`}> <main className={`flex-1 pb-8 ${showOfflineBar ? 'pt-[8.5rem]' : 'pt-24'}`}>
{children} {children}
</main> </main>
<Footer <Footer

4
components/OfflineBanner.tsx
View File

@@ -9,8 +9,8 @@ export function OfflineBanner() {
if (isOnline) return null; if (isOnline) return null;
return ( return (
<div className="rounded-b-2xl bg-yellow-500/10 dark:bg-yellow-500/20 border-b border-yellow-500/20 dark:border-yellow-500/30 text-yellow-600 dark:text-yellow-400 px-4 sm:px-8 py-2 text-sm flex items-center justify-center gap-2 font-medium"> <div className="fixed top-0 left-0 right-0 z-[100] rounded-b-xl bg-yellow-500/15 dark:bg-yellow-500/25 border-b border-yellow-500/30 dark:border-yellow-500/40 text-yellow-700 dark:text-yellow-300 px-4 sm:px-8 py-2.5 text-sm flex items-center justify-center gap-2 font-medium shadow-md">
<FiWifiOff className="w-4 h-4" /> <FiWifiOff className="w-4 h-4 shrink-0" />
<span>You are currently offline. Changes may not be saved.</span> <span>You are currently offline. Changes may not be saved.</span>
</div> </div>
); );

8
package-lock.json generated
View File

@@ -8,7 +8,7 @@
"name": "pulse-frontend", "name": "pulse-frontend",
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@ciphera-net/ui": "^0.0.41", "@ciphera-net/ui": "^0.0.42",
"@ducanh2912/next-pwa": "^10.2.9", "@ducanh2912/next-pwa": "^10.2.9",
"axios": "^1.13.2", "axios": "^1.13.2",
"country-flag-icons": "^1.6.4", "country-flag-icons": "^1.6.4",
@@ -1467,9 +1467,9 @@
} }
}, },
"node_modules/@ciphera-net/ui": { "node_modules/@ciphera-net/ui": {
"version": "0.0.41", "version": "0.0.42",
"resolved": "https://npm.pkg.github.com/download/@ciphera-net/ui/0.0.41/3f5042af5890632050f2c6ae6b389a6899cfdc6c", "resolved": "https://npm.pkg.github.com/download/@ciphera-net/ui/0.0.42/f3476f7f1e6e2210b4c7b1ae84964777e1b2b718",
"integrity": "sha512-egkw5aN5+kZMW7A0AKlFU2ToAZIBTMTJKWzZbxo/fo/hxavZt5YdW7r/iHesY28gbUsNuWrRN7sQ3U9sYUcNSw==", "integrity": "sha512-PuzwXKR2DrtTWXELDFH5GhQxnz0qPHTNGtMbTdhslWEp/taEy+n3UsoBp+NFw0uQEvz7mHQ9PgDpDVztQncMfw==",
"dependencies": { "dependencies": {
"@radix-ui/react-icons": "^1.3.0", "@radix-ui/react-icons": "^1.3.0",
"clsx": "^2.1.0", "clsx": "^2.1.0",

2
package.json
View File

@@ -10,7 +10,7 @@
"type-check": "tsc --noEmit" "type-check": "tsc --noEmit"
}, },
"dependencies": { "dependencies": {
"@ciphera-net/ui": "^0.0.41", "@ciphera-net/ui": "^0.0.42",
"@ducanh2912/next-pwa": "^10.2.9", "@ducanh2912/next-pwa": "^10.2.9",
"axios": "^1.13.2", "axios": "^1.13.2",
"country-flag-icons": "^1.6.4", "country-flag-icons": "^1.6.4",