old4ever/local-cal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

create auth session provider

Browse Source
This commit is contained in:
Dmytro Stanchiev
2025-08-16 19:26:19 -04:00
parent 0696382d43
commit 0e919ea69b
3 changed files with 34 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/layout.tsx
View File

@@ -4,6 +4,7 @@ import "./globals.css";
import { ThemeProvider } from "next-themes";
import { ModeToggle } from "@/components/mode-toggle";
import SignIn from "./components/sign-in";
import AuthSessionProvider from "@/components/SessionProvider";
const geist = Geist({ subsets: ['latin', 'cyrillic'], variable: "--font-geist-sans" })
@@ -23,21 +24,23 @@ export default function RootLayout({
<body
className={`${geist.variable} antialiased min-h-screen flex flex-col dark:text-gray-300 --color-background`}
>
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<header className="dark:text-white text-gray-900 px-4 py-3 font-bold shadow flex justify-between items-center-safe">
{metadata.title as string || "iCal PWA"}
<div className="flex flex-row gap-2">
<SignIn />
<ModeToggle />
</div>
</header>
<main className="flex-1 p-4">{children}</main>
</ThemeProvider>
<AuthSessionProvider>
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<header className="dark:text-white text-gray-900 px-4 py-3 font-bold shadow flex justify-between items-center-safe">
{metadata.title as string || "iCal PWA"}
<div className="flex flex-row gap-2">
<SignIn />
<ModeToggle />
</div>
</header>
<main className="flex-1 p-4">{children}</main>
</ThemeProvider>
</AuthSessionProvider>
</body>
</html>
);

8
src/app/page.tsx
View File

@@ -1,4 +1,4 @@
'use client'
"use client"
import { useEffect, useState } from 'react'
import { nanoid } from 'nanoid'
@@ -13,9 +13,9 @@ import { addEvent, deleteEvent, getAllEvents, clearEvents, getDB } from '@/lib/d
import { parseICS, generateICS } from '@/lib/ical'
import type { CalendarEvent } from '@/lib/types'
import { Textarea } from '@/components/ui/textarea'
import { auth } from '@/auth'
import { useSession } from 'next-auth/react'
export default async function HomePage() {
export default function HomePage() {
const [events, setEvents] = useState<CalendarEvent[]>([])
const [dialogOpen, setDialogOpen] = useState(false)
const [editingId, setEditingId] = useState<string | null>(null)
@@ -44,7 +44,7 @@ export default async function HomePage() {
})()
}, [])
const session = await auth()
const { data: session, status } = useSession()
const resetForm = () => {
setTitle('')

12
src/components/SessionProvider.tsx Normal file
View File

@@ -0,0 +1,12 @@
"use client"
import { SessionProvider } from "next-auth/react"
import { ReactNode } from "react"
interface Props {
children: ReactNode
}
export default function AuthSessionProvider({ children }: Props) {
return <SessionProvider>{children}</SessionProvider>
}