1409

import React from "react"
import { ThemeProvider as StyledThemeProvider } from "styled-components"
import { connector } from "../../actionCreators"
import { RootState } from "../../reducers"
import DarkTheme from "../../themes/dark"
import DefaultTheme from "../../themes/default"

const ThemeMap: any = {
  default: DefaultTheme,
  dark: DarkTheme
}

export const ThemeProvider = connector(
  (state: RootState) => ({
    theme: state.config.theme
  }),
  _a => {
    return {}
  }
)(function ThemeProviderImpl({
  children,
  theme
}: {
  theme: string
  children: React.ReactNode
}) {
  return (
    <div
      className={theme === "dark" ? "bp3-dark" : "bp3-light"}
      style={{
        width: "100%",
        height: "100%",
        fontFamily: "Inconsolata"
      }}
    >
      <StyledThemeProvider theme={ThemeMap[theme] || DefaultTheme}>
        {children}
      </StyledThemeProvider>
    </div>
  )
})

1	import React from "react"	×
2	import { ThemeProvider as StyledThemeProvider } from "styled-components"	×
3	import { connector } from "../../actionCreators"	×
4	import { RootState } from "../../reducers"
5	import DarkTheme from "../../themes/dark"	×
6	import DefaultTheme from "../../themes/default"	×
7
8	const ThemeMap: any = {	×
9	default: DefaultTheme,
10	dark: DarkTheme
11	}
12
13	export const ThemeProvider = connector(	×
14	(state: RootState) => ({	×
15	theme: state.config.theme
16	}),
17	_a => {
18	return {}	×
19	}
20	)(function ThemeProviderImpl({
21	children,
22	theme
23	}: {
24	theme: string
25	children: React.ReactNode
26	}) {
27	return (	×
28	<div
29	className={theme === "dark" ? "bp3-dark" : "bp3-light"}	×
30	style={{
31	width: "100%",
32	height: "100%",
33	fontFamily: "Inconsolata"
34	}}
35	>
36	<StyledThemeProvider theme={ThemeMap[theme] \|\| DefaultTheme}>	×
37	{children}
38	</StyledThemeProvider>
39	</div>
40	)
41	})

mizchi / next-editor / 1409

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous