BobsRepos/discord-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed minor typo mistakes

Browse Source
This commit is contained in:
Kyla 2023-10-07 13:33:09 -07:00
parent dc356f833c
commit 0095ba4433
3 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/(main)/(routes)/page.tsx
View File

@ -1,10 +1,10 @@
import { UserButton } from "@clerk/nextjs/app-beta";
import { UserButton } from "@clerk/nextjs";
export default function Home() {
return (
<div>
<UserButton
afterSignOutUrl="/"
afterSignOutUrl="/"
/>
</div>
)

14
app/layout.tsx
View File

@ -2,6 +2,7 @@ import './globals.css'
import type { Metadata } from 'next'
import { Open_Sans } from 'next/font/google'
import { ClerkProvider } from '@clerk/nextjs'
import { ThemeProvider } from '@/components/providers/theme-provider'
const Font = Open_Sans({ subsets: ['latin'] })
@ -17,8 +18,17 @@ export default function RootLayout({
}) {
return (
<ClerkProvider>
<html lang="en">
<body className={Font.className}>{children}</body>
<html lang="en" suppressHydrationWarning>
<body className={Font.className}>
<ThemeProvider
attribute='class'
defaultTheme='dark'
enableSystem={false}
storageKey='discord-theme'
>
{children}
</ThemeProvider>
</body>
</html>
</ClerkProvider>
)

9
components/providers/theme-provider.tsx Normal file
View File

@ -0,0 +1,9 @@
"use client"
import * as React from "react"
import { ThemeProvider as NextThemesProvider } from "next-themes"
import { type ThemeProviderProps } from "next-themes/dist/types"
export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
return <NextThemesProvider {...props}>{children}</NextThemesProvider>
}