Merge pull request #1098 from ueokande/replace-redux-with-react-hooks

Refactor state management with React Hooks on Console

1 files changed, 52 insertions, 0 deletions

diff --git a/src/console/app/recuer.ts b/src/console/app/recuer.ts
new file mode 100644
index 0000000..e3043ee
--- /dev/null
+++ b/src/console/app/recuer.ts
@@ -0,0 +1,52 @@
+import {
+  HIDE,
+  HIDE_COMMAND,
+  SHOW_COMMAND,
+  SHOW_ERROR,
+  SHOW_FIND,
+  SHOW_INFO,
+  AppAction,
+} from "./actions";
+
+export interface State {
+  mode: string;
+  messageText: string;
+  consoleText: string;
+}
+
+export const defaultState = {
+  mode: "",
+  messageText: "",
+  consoleText: "",
+};
+
+// eslint-disable-next-line max-lines-per-function
+export default function reducer(
+  state: State = defaultState,
+  action: AppAction
+): State {
+  switch (action.type) {
+    case HIDE:
+      return { ...state, mode: "" };
+    case SHOW_COMMAND:
+      return {
+        ...state,
+        mode: "command",
+        consoleText: action.text,
+      };
+    case SHOW_FIND:
+      return { ...state, mode: "find", consoleText: "" };
+    case SHOW_ERROR:
+      return { ...state, mode: "error", messageText: action.text };
+    case SHOW_INFO:
+      return { ...state, mode: "info", messageText: action.text };
+    case HIDE_COMMAND:
+      return {
+        ...state,
+        mode:
+          state.mode === "command" || state.mode === "find" ? "" : state.mode,
+      };
+    default:
+      return state;
+  }
+}