All files / src/components/ui/theme ThemeProvider.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2x
2x
 
2x
2x
 
2x
15x
 
15x
15x
 
15x
 
 
2x
 
import React, { ReactNode, useEffect, useState } from "react";
import { ThemeProvider } from "styled-components";
import { ThemeInterface } from "./ThemeInterface";
import API from "renderer/lib/api";
import { defaultTheme } from "renderer/lib/theme";
 
const Provider = ({ children }: { children: ReactNode }) => {
  const [theme, setTheme] = useState<ThemeInterface>(defaultTheme);
 
  useEffect(() => {
    API.theme.onChange(setTheme);
  }, []);
  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
};
 
export default Provider;