feat: redux state management setup

gatsby-browser.ts

@@ -0,0 +1,3 @@
+import wrapWithProvider from "./wrap-with-provider";
+
+export const wrapRootElement = wrapWithProvider;

gatsby-ssr.ts

@@ -0,0 +1,3 @@
+import wrapWithProvider from "./wrap-with-provider";
+
+export const wrapRootElement = wrapWithProvider;

src/state/creators.ts

@@ -0,0 +1,10 @@
+import { SET_SCENARIO } from "./types";
+import { ScenarioType } from "../types/scenario";
+import { SetScenarioActionType } from "../types/actions";
+
+export const setScenario = (scenario: ScenarioType): SetScenarioActionType => {
+  return {
+    type: SET_SCENARIO,
+    payload: scenario,
+  };
+};

src/state/index.ts

@@ -0,0 +1,20 @@
+import { legacy_createStore as createStore, applyMiddleware } from "redux";
+import thunk from "redux-thunk";
+import { SET_SCENARIO } from "./types";
+import { ScenarioType } from "../types/scenario";
+import { ScenarioActionTypes } from "../types/actions";
+
+const scenarioReducer = (
+  state = <ScenarioType>{},
+  action: ScenarioActionTypes,
+): ScenarioType => {
+  switch (action.type) {
+    case SET_SCENARIO:
+      return { ...state, ...action.payload };
+
+    default:
+      return state;
+  }
+};
+
+export default createStore(scenarioReducer, applyMiddleware(thunk));

src/state/types.ts

@@ -0,0 +1,5 @@
+export const SET_SCENARIO = "SET_SCENARIO";
+export const MODIFY_SCENARIO_PROPERTY = "MODIFY_SCENARIO_PROPERTY";
+export const MODIFY_MASS_PROPERTY = "MODIFY_MASS_PROPERTY";
+export const ADD_MASS = "ADD_MASS";
+export const DELETE_MASS = "DELETE_MASS";

src/types/actions.ts

@@ -0,0 +1,8 @@
+import { ScenarioType } from "./scenario";
+
+export type SetScenarioActionType = {
+  type: string;
+  payload: ScenarioType;
+};
+
+export type ScenarioActionTypes = SetScenarioActionType;

wrap-with-provider.tsx

@@ -0,0 +1,11 @@
+import React, { ReactElement, ReactNode } from "react";
+import { Provider } from "react-redux";
+import store from "./src/state";
+
+type Props = {
+  element: ReactNode;
+};
+
+export default ({ element }: Props): ReactElement => (
+  <Provider store={store}>{element}</Provider>
+);