Harkamal Randhawa
831170573b
Track visual viewport for keyboard offset, add bottom spacer, use solid nav background with safe-area padding, and avoid zero nav offset fallback.
26 lines
722 B
TypeScript
26 lines
722 B
TypeScript
import { Suspense } from "react";
|
|
|
|
import { AppAuthGate } from "@/components/layout/app-auth-gate";
|
|
import { AppBottomSpacer } from "@/components/layout/app-bottom-spacer";
|
|
import { DailyReminderProvider } from "@/components/reminders/daily-reminder-provider";
|
|
import { InAppReminderBanner } from "@/components/reminders/in-app-reminder-banner";
|
|
|
|
export default function AppLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<Suspense fallback={<div className="bg-background pb-nav" />}>
|
|
<AppAuthGate>
|
|
<DailyReminderProvider />
|
|
<InAppReminderBanner />
|
|
<div>
|
|
{children}
|
|
<AppBottomSpacer />
|
|
</div>
|
|
</AppAuthGate>
|
|
</Suspense>
|
|
);
|
|
}
|