gitadmin
/
moviebox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor layout components: separate layout with global data into its own file, restore GlobalStoreProvider in the new layout, and update global state management to accept initial movies as a prop for improved data handling.

This commit is contained in:
Norbert Maciaszek 2025-08-09 00:43:15 +02:00
parent e128a5f493
commit 181826cceb
4 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/(withGlobalData)/layout.tsx Normal file
View File

@ -0,0 +1,15 @@
import { getMovies } from "@/lib/db";
import { GlobalStoreProvider } from "../store/globalStore";
export const revalidate = 0;
export default async function WithGlobalDataLayout({
children,
}: {
children: React.ReactNode;
}) {
const movies = await getMovies();
return (
<GlobalStoreProvider initialMovies={movies}>{children}</GlobalStoreProvider>
);
}

0
src/app/page.tsx → src/app/(withGlobalData)/page.tsx
View File

3
src/app/layout.tsx
View File

@ -2,7 +2,6 @@ import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google"; import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { Navbar } from "@/components/organisms/Navbar"; import { Navbar } from "@/components/organisms/Navbar";
import { GlobalStoreProvider } from "./store/globalStore";
const geistSans = Geist({ const geistSans = Geist({
variable: "--font-geist-sans", variable: "--font-geist-sans",
@ -29,7 +28,7 @@ export default async function RootLayout({
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${geistSans.variable} ${geistMono.variable} antialiased`}
> >
<GlobalStoreProvider>{children}</GlobalStoreProvider> {children}
</body> </body>
</html> </html>
); );

14
src/app/store/globalStore.tsx
View File

@ -1,7 +1,6 @@
"use client"; "use client";
import { getMovies } from "@/lib/db";
import { movies } from "@/lib/db/schema"; import { movies } from "@/lib/db/schema";
import { createContext, FC, use, useEffect, useState } from "react"; import { createContext, FC, use, useState } from "react";
type Movie = typeof movies.$inferSelect; type Movie = typeof movies.$inferSelect;
@ -21,16 +20,11 @@ const globalStore = createContext<GlobalStore>({
type Props = { type Props = {
children: React.ReactNode; children: React.ReactNode;
initialMovies: Movie[];
}; };
export const GlobalStoreProvider: FC<Props> = ({ children }) => { export const GlobalStoreProvider: FC<Props> = ({ children, initialMovies }) => {
const [movies, setMovies] = useState<GlobalStore["movies"]>([]); const [movies, setMovies] = useState<GlobalStore["movies"]>(initialMovies);
useEffect(() => {
getMovies().then((movies) => {
setMovies(movies);
});
}, []);
const addMovie = async (movie: Movie) => { const addMovie = async (movie: Movie) => {
if (movies.find((m) => m.id === movie.id)) return; if (movies.find((m) => m.id === movie.id)) return;