Add contexts

src/contexts/LoadingContext.js

@@ -0,0 +1,15 @@
+import { createContext, useState } from 'react';
+
+const initialValue = true;
+
+export const LoadingContext = createContext();
+
+export const LoadingProvider = (props) => {
+  const [loading, setLoading] = useState(initialValue);
+
+  return (
+    <LoadingContext.Provider value={[loading, setLoading]}>
+      {props.children}
+    </LoadingContext.Provider>
+  );
+};

src/contexts/ThemeContext.js

@@ -0,0 +1,16 @@
+import { createContext, useState } from 'react';
+import { getInitialTheme } from '../helpers/utils';
+
+const initialValue = getInitialTheme();
+
+export const ThemeContext = createContext();
+
+export const ThemeProvider = (props) => {
+  const [theme, setTheme] = useState(initialValue);
+
+  return (
+    <ThemeContext.Provider value={[theme, setTheme]}>
+      {props.children}
+    </ThemeContext.Provider>
+  );
+};