@@ -2,35 +2,40 @@ import "@/styles/globals.css";
2
2
import { ClerkProvider } from "@clerk/nextjs" ;
3
3
import { dark } from "@clerk/themes" ;
4
4
import { ThemeProvider } from "@/components/theme-provider" ;
5
+ import { Analytics } from '@vercel/analytics/react' ;
5
6
import type { AppProps } from "next/app" ;
6
7
7
8
export default function App ( { Component, pageProps } : AppProps ) {
8
9
return (
9
- < ThemeProvider
10
- attribute = "class"
11
- defaultTheme = "system"
12
- enableSystem
13
- disableTransitionOnChange
14
- >
15
- < ClerkProvider
16
- { ...pageProps }
17
- appearance = { {
18
- baseTheme : dark ,
19
- elements : {
20
- card : {
21
- background : "#111113" ,
22
- // borderRadius: "5px"
23
- } ,
24
- formButtonPrimary : "bg-[#2559c0] text-white hover:bg-[#2559c0]/80" ,
25
- footerActionLink : "text-[#a5c5f6] hover:text-[#a5c5f6]/80" ,
26
- formButtonReset : "hover:bg-[#2559c0]/30 text-[#fefeff]" ,
27
- avatarImageActionsUpload : "text-[#2473c8]" ,
28
- badge : "bg-[#2473c8]/40 text-[#f3f6fd]" ,
29
- } ,
30
- } }
10
+ < >
11
+ < ThemeProvider
12
+ attribute = "class"
13
+ defaultTheme = "system"
14
+ enableSystem
15
+ disableTransitionOnChange
31
16
>
32
- < Component { ...pageProps } />
33
- </ ClerkProvider >
34
- </ ThemeProvider >
17
+ < ClerkProvider
18
+ { ...pageProps }
19
+ appearance = { {
20
+ baseTheme : dark ,
21
+ elements : {
22
+ card : {
23
+ background : "#111113" ,
24
+ // borderRadius: "5px"
25
+ } ,
26
+ formButtonPrimary :
27
+ "bg-[#2559c0] text-white hover:bg-[#2559c0]/80" ,
28
+ footerActionLink : "text-[#a5c5f6] hover:text-[#a5c5f6]/80" ,
29
+ formButtonReset : "hover:bg-[#2559c0]/30 text-[#fefeff]" ,
30
+ avatarImageActionsUpload : "text-[#2473c8]" ,
31
+ badge : "bg-[#2473c8]/40 text-[#f3f6fd]" ,
32
+ } ,
33
+ } }
34
+ >
35
+ < Component { ...pageProps } />
36
+ </ ClerkProvider >
37
+ </ ThemeProvider >
38
+ < Analytics />
39
+ </ >
35
40
) ;
36
41
}
0 commit comments