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() { export default function Home() {
return ( return (
<div> <div>
<UserButton <UserButton
afterSignOutUrl="/" afterSignOutUrl="/"
/> />
</div> </div>
) )

14
app/layout.tsx
View File

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