contexts Theme.tsx

0% Statements 0/3

0% Branches 0/2

0% Functions 0/1

0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ChakraProvider, ColorModeScript } from "@chakra-ui/react";
import type { FunctionComponent } from "react";
import { useConfig } from "./Config";
import { PageLoader } from "../components/PageLoader";
import { makeTheme } from "../theme";
 
export const Theme: FunctionComponent = ({ children }) => {
  const { isLoading, data } = useConfig();
  return (
    <>
      <ColorModeScript initialColorMode="system" />
      {isLoading ? (
        <PageLoader />
      ) : (
        <ChakraProvider resetCSS theme={makeTheme(data!)}>
          {children}
        </ChakraProvider>
      )}
    </>
  );
};