strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrade next-themes

Browse Source
This commit is contained in:
Sam Becker 2024-03-13 12:33:16 -05:00
parent b71f9e94e8
commit 41b08596e8
4 changed files with 10 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -41,7 +41,7 @@
"nanoid": "^5.0.6", "nanoid": "^5.0.6",
"next": "14.1.3", "next": "14.1.3",
"next-auth": "5.0.0-beta.13", "next-auth": "5.0.0-beta.13",
"next-themes": "^0.2.1", "next-themes": "^0.3.0",
"postcss": "8.4.35", "postcss": "8.4.35",
"react": "18.2.0", "react": "18.2.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",

14
pnpm-lock.yaml generated
View File

@ -102,8 +102,8 @@ dependencies:
specifier: 5.0.0-beta.13 specifier: 5.0.0-beta.13
version: 5.0.0-beta.13(next@14.1.3)(react@18.2.0) version: 5.0.0-beta.13(next@14.1.3)(react@18.2.0)
next-themes: next-themes:
specifier: ^0.2.1 specifier: ^0.3.0
version: 0.2.1(next@14.1.3)(react-dom@18.2.0)(react@18.2.0) version: 0.3.0(react-dom@18.2.0)(react@18.2.0)
postcss: postcss:
specifier: 8.4.35 specifier: 8.4.35
version: 8.4.35 version: 8.4.35
@ -6073,14 +6073,12 @@ packages:
react: 18.2.0 react: 18.2.0
dev: false dev: false
/next-themes@0.2.1(next@14.1.3)(react-dom@18.2.0)(react@18.2.0): /next-themes@0.3.0(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==} resolution: {integrity: sha512-/QHIrsYpd6Kfk7xakK4svpDI5mmXP0gfvCoJdGpZQ2TOrQZmsW0QxjaiLn8wbIKjtm4BTSqLoix4lxYYOnLJ/w==}
peerDependencies: peerDependencies:
next: '*' react: ^16.8 || ^17 || ^18
react: '*' react-dom: ^16.8 || ^17 || ^18
react-dom: '*'
dependencies: dependencies:
next: 14.1.3(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
react: 18.2.0 react: 18.2.0
react-dom: 18.2.0(react@18.2.0) react-dom: 18.2.0(react@18.2.0)
dev: false dev: false

6
src/app/layout.tsx
View File

@ -5,7 +5,6 @@ import { IBM_Plex_Mono } from 'next/font/google';
import { Metadata } from 'next'; import { Metadata } from 'next';
import { BASE_URL, SITE_DESCRIPTION, SITE_TITLE } from '@/site/config'; import { BASE_URL, SITE_DESCRIPTION, SITE_TITLE } from '@/site/config';
import AppStateProvider from '@/state/AppStateProvider'; import AppStateProvider from '@/state/AppStateProvider';
import ThemeProviderClient from '@/site/ThemeProviderClient';
import Nav from '@/site/Nav'; import Nav from '@/site/Nav';
import ToasterWithThemes from '@/toast/ToasterWithThemes'; import ToasterWithThemes from '@/toast/ToasterWithThemes';
import PhotoEscapeHandler from '@/photo/PhotoEscapeHandler'; import PhotoEscapeHandler from '@/photo/PhotoEscapeHandler';
@ -14,6 +13,7 @@ import { Suspense } from 'react';
import FooterClient from '@/site/FooterClient'; import FooterClient from '@/site/FooterClient';
import NavClient from '@/site/NavClient'; import NavClient from '@/site/NavClient';
import CommandK from '@/site/CommandK'; import CommandK from '@/site/CommandK';
import { ThemeProvider } from 'next-themes';
import '../site/globals.css'; import '../site/globals.css';
@ -74,7 +74,7 @@ export default function RootLayout({
> >
<body className={ibmPlexMono.variable}> <body className={ibmPlexMono.variable}>
<AppStateProvider> <AppStateProvider>
<ThemeProviderClient> <ThemeProvider attribute="class">
<main className={clsx( <main className={clsx(
'mx-3 mb-3', 'mx-3 mb-3',
'lg:mx-6 lg:mb-6', 'lg:mx-6 lg:mb-6',
@ -93,7 +93,7 @@ export default function RootLayout({
</Suspense> </Suspense>
</main> </main>
<CommandK /> <CommandK />
</ThemeProviderClient> </ThemeProvider>
<Analytics debug={false} /> <Analytics debug={false} />
<SpeedInsights debug={false} /> <SpeedInsights debug={false} />
<PhotoEscapeHandler /> <PhotoEscapeHandler />

15
src/site/ThemeProviderClient.tsx
View File

@ -1,15 +0,0 @@
'use client';
import { ThemeProvider } from 'next-themes';
export default function ThemeProviderClient({
children,
}: {
children: React.ReactNode
}) {
return (
<ThemeProvider attribute="class">
{children}
</ThemeProvider>
);
}