Adding context

components/ui/context.tsx

@@ -0,0 +1,46 @@
+import React, { Context, FunctionComponent } from "react";
+
+export interface ContextType {
+  displaySidebar: boolean;
+}
+
+const initialState = {
+  displaySidebar: false,
+};
+
+function uiReducer(state, action) {
+  switch (action.type) {
+    case "OPEN_SIDEBAR": {
+      return {
+        ...state,
+        displaySidebar: true,
+      };
+    }
+    case "CLOSE_SIDEBAR": {
+      return {
+        ...state,
+        displaySidebar: true,
+      };
+    }
+  }
+}
+
+export const UIContext = React.createContext<ContextType>(initialState);
+UIContext.displayName = "UIContext";
+
+export const UIProvider: FunctionComponent = (props) => {
+  const [state, dispatch] = React.useReducer(uiReducer, initialState);
+  const value = {
+    ...state,
+    dispatch,
+  };
+  return <UIContext.Provider value={value} {...props} />;
+};
+
+export const useUI = () => {
+  const context = React.useContext(UIContext);
+  if (context === undefined) {
+    throw new Error(`useUI must be used within a UIProvider`);
+  }
+  return context;
+};