mirror of
https://github.com/zhigang1992/react.git
synced 2026-03-27 22:54:38 +08:00
6da0509316
* feat: optimize fonts rendering on windows (#385) * feat(styles): set Inter to highest font * docs(fonts): add guide for fonts rendering on windows * test: udpate snapshots * chore: release v2.1.0-canary.0 * feat(table): add update row action to Table (#378) * feat: add update to Table's actions. add test and doc fix(table): fix comments * feat(table): improve type for table actions chore: update docs chore: remove unused types chore(table): improve docs Co-authored-by: William Castandet <williamcastandet@williams-air.home> Co-authored-by: unix <unix.bio@gmail.com> * refactor(use-theme): move use-theme to the top directory (#397) * refactor(use-theme): move use-theme to the top directory * chore(jest): ignore use-theme of forwarding * chore: release v2.1.0-canary.1 * feat(select): add clearable option to select multiple with test and english doc (#396) * docs: add clearable option to select multiple with test and english doc * fix: fix types for onClear * fix: fix import path for use-theme add more test for coverage * docs(select): add chinese document Co-authored-by: unix <unix.bio@gmail.com> * chore: release v2.1.0-canary.2 * fix(tabs): scrollable (#404) docs(tabs): scroll behavior * feat(textarea): resize prop (#416) * feat: add resize prop to textarea * docs: add resize prop for textarea * docs(textarea): improve docs and attributes for cn * test(textarea): update snapshots Co-authored-by: unix <unix.bio@gmail.com> * fix(types): replace path aliases in type files (#432) * fix(types): replace path aliases in type files * chore(lint): upgrade eslint and optimize code style * chore: fix type error for context handler * test: update snapshots * fix: use ttsc to identify aliases in type paths * feat(hooks): add a tool hooks for react context (#439) * feat(hooks): add a tool hooks for react context * chore: move use-context-state to internal tools style: fix lint warning * chore: simplify the structure of the catalog * refactor(themes): refactor theme module to keep multiple themes (#440) * refactor(themes): refactor theme module to keep multiple themes * chore: migrate APIs to be compatible with new theme system * test: update snapshots * chore: migrate the path of the theme module * feat(themes): append static methods of themes * chore: hide custom theme when no custom content in the context * chore: manually add flush to preload styles in html * docs(themes): update to fit the new theme system * chore: release v2.1.0-canary.3 (#450) * docs: add link to GH discussions * chore: upgrade deps * chore: update code style for prettier * chore: release v2.1.0-canary.3 * chore(deps): upgrade babel * chore: replace enzyme adapter with community repo to fit react.17 * test: updatee snapshots for auto typesetting * test(config): ignore unexported parts of the tools Co-authored-by: William <wcastand@gmail.com> Co-authored-by: William Castandet <williamcastandet@williams-air.home> Co-authored-by: Vaibhav Acharya <vaibhavacharya111@gmail.com> Co-authored-by: Paul van Dyk <39598117+PaulPCIO@users.noreply.github.com>
131 lines
4.0 KiB
TypeScript
131 lines
4.0 KiB
TypeScript
import Head from 'next/head'
|
|
import { NextPage } from 'next'
|
|
import { AppProps } from 'next/app'
|
|
import React, { useEffect, useState } from 'react'
|
|
import { CssBaseline, GeistProvider, useTheme, GeistUIThemes } from 'components'
|
|
import Menu from 'lib/components/menu'
|
|
import ConfigContext from 'lib/config-provider'
|
|
import useDomClean from 'lib/use-dom-clean'
|
|
import 'inter-ui/inter.css'
|
|
|
|
const Application: NextPage<AppProps<{}>> = ({ Component, pageProps }) => {
|
|
const theme = useTheme()
|
|
const [themeType, setThemeType] = useState<string>()
|
|
const [customTheme, setCustomTheme] = useState<GeistUIThemes>(theme)
|
|
const themeChangeHandle = (theme: GeistUIThemes) => {
|
|
setCustomTheme(theme)
|
|
setThemeType(theme.type)
|
|
}
|
|
|
|
useEffect(() => {
|
|
const theme = window.localStorage.getItem('theme')
|
|
if (theme !== 'dark') return
|
|
setThemeType('dark')
|
|
}, [])
|
|
useDomClean()
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>React - Geist UI</title>
|
|
<meta name="google" content="notranslate" />
|
|
<meta name="twitter:creator" content="@echo_witt" />
|
|
<meta name="referrer" content="strict-origin" />
|
|
<meta property="og:title" content="React - Geist UI" />
|
|
<meta property="og:site_name" content="React - Geist UI" />
|
|
<meta property="og:url" content="https://react.geist-ui.dev" />
|
|
<link rel="dns-prefetch" href="//react.geist-ui.dev" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="generator" content="Geist UI" />
|
|
<meta
|
|
name="description"
|
|
content="An open-source design system for building modern websites and applications."
|
|
/>
|
|
<meta
|
|
property="og:description"
|
|
content="An open-source design system for building modern websites and applications."
|
|
/>
|
|
<meta
|
|
itemProp="image"
|
|
property="og:image"
|
|
content="https://user-images.githubusercontent.com/11304944/91128466-dfc96c00-e6da-11ea-8b03-a96e6b98667d.png"
|
|
/>
|
|
<meta
|
|
property="og:image"
|
|
content="https://user-images.githubusercontent.com/11304944/91128466-dfc96c00-e6da-11ea-8b03-a96e6b98667d.png"
|
|
/>
|
|
<meta
|
|
property="twitter:image"
|
|
content="https://user-images.githubusercontent.com/11304944/91128466-dfc96c00-e6da-11ea-8b03-a96e6b98667d.png"
|
|
/>
|
|
<meta
|
|
name="viewport"
|
|
content="initial-scale=1, maximum-scale=1, minimum-scale=1, viewport-fit=cover"
|
|
/>
|
|
</Head>
|
|
<GeistProvider themeType={themeType} themes={[customTheme]}>
|
|
<CssBaseline />
|
|
<ConfigContext
|
|
onThemeChange={themeChangeHandle}
|
|
onThemeTypeChange={type => setThemeType(type)}>
|
|
<Menu />
|
|
<Component {...pageProps} />
|
|
</ConfigContext>
|
|
<style global jsx>{`
|
|
.tag {
|
|
color: ${theme.palette.accents_5};
|
|
}
|
|
|
|
.punctuation {
|
|
color: ${theme.palette.accents_5};
|
|
}
|
|
|
|
.attr-name {
|
|
color: ${theme.palette.accents_6};
|
|
}
|
|
|
|
.attr-value {
|
|
color: ${theme.palette.accents_4};
|
|
}
|
|
|
|
.language-javascript {
|
|
color: ${theme.palette.accents_4};
|
|
}
|
|
|
|
span.class-name {
|
|
color: ${theme.palette.warning};
|
|
}
|
|
|
|
span.maybe-class-name {
|
|
color: ${theme.palette.purple};
|
|
}
|
|
|
|
span.token.string {
|
|
color: ${theme.palette.accents_5};
|
|
}
|
|
|
|
span.keyword {
|
|
color: ${theme.palette.success};
|
|
}
|
|
|
|
span.plain-text {
|
|
color: ${theme.palette.accents_3};
|
|
}
|
|
|
|
body::-webkit-scrollbar {
|
|
width: 0;
|
|
background-color: ${theme.palette.accents_1};
|
|
}
|
|
|
|
body::-webkit-scrollbar-thumb {
|
|
background-color: ${theme.palette.accents_2};
|
|
border-radius: ${theme.layout.radius};
|
|
}
|
|
`}</style>
|
|
</GeistProvider>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Application
|