wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-15 14:10:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: App component

Browse Source
This commit is contained in:
원더 2021-01-04 20:12:01 +09:00
parent 340bed616f
commit 9ec40a4bd2
1 changed files with 40 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/_app.tsx
View File

@ -1,16 +1,49 @@
import Head from 'next/head'
import type { AppProps /*, AppContext */ } from 'next/app'
import type { AppProps } from 'next/app'
import { ThemeProvider } from 'next-themes'
const App = ({ Component, pageProps }: AppProps): JSX.Element => {
import Navbar from '../components/Navbar'
import './app.css'
import '@fortawesome/fontawesome-free/css/all.css'
import { useEffect } from 'react'
let systemColor
export default function App({ Component, pageProps }: AppProps): JSX.Element {
console.log(
'%c' + 'KOREANBOTS',
'color: #3366FF; -webkit-text-stroke: 2px black; font-size: 72px; font-weight: bold;'
)
console.log(
'%c' + '이곳에 코드를 붙여넣으면 공격자에게 엑세스 토큰을 넘겨줄 수 있습니다!!',
'color: #ff0000; font-size: 20px; font-weight: bold;'
)
useEffect(() => {
try {
systemColor = window.matchMedia('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'
} catch (e) {
systemColor = 'dark'
}
if (!localStorage.theme || !['dark', 'light'].includes(localStorage.theme))
localStorage.setItem('theme', systemColor)
}, [])
return (
<>
<ThemeProvider defaultTheme={systemColor} attribute="class" storageKey="theme">
<Head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Next.js TypeScript Quickstart</title>
<title>한국 디스코드봇 리스트</title>
<meta
name="description"
content="국내 디스코드봇들을 확인하고, 초대해보세요!"
data-react-helmet="true"
/>
<meta charSet="utf-8" />
<link rel="shortcut icon" href="/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#3366FF" />
</Head>
<Navbar />
<Component {...pageProps} />
</>
</ThemeProvider>
)
}
export default App