From ec5061327f56c8154a0a5e2ab169a1f371ec62b7 Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Mon, 17 Jul 2017 15:28:06 +0800
Subject: [PATCH] [web] Add reducer and actions for option editor.

---
 web/src/js/ducks/ui/index.js  |  4 +++-
 web/src/js/ducks/ui/option.js | 39 +++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 web/src/js/ducks/ui/option.js

diff --git a/web/src/js/ducks/ui/index.js b/web/src/js/ducks/ui/index.js
index 741671b25..cdee7ebbf 100644
--- a/web/src/js/ducks/ui/index.js
+++ b/web/src/js/ducks/ui/index.js
@@ -2,10 +2,12 @@ import { combineReducers } from 'redux'
 import flow from './flow'
 import header from './header'
 import modal from './modal'
+import option from './option'
 
 // TODO: Just move ducks/ui/* into ducks/?
 export default combineReducers({
     flow,
     header,
-    modal
+    modal,
+    option,
 })
diff --git a/web/src/js/ducks/ui/option.js b/web/src/js/ducks/ui/option.js
new file mode 100644
index 000000000..6aba49989
--- /dev/null
+++ b/web/src/js/ducks/ui/option.js
@@ -0,0 +1,39 @@
+export const OPTION_UPDATE_START   = 'UI_OPTION_UPDATE_START'
+export const OPTION_UPDATE_SUCCESS = 'UI_OPTION_UPDATE_SUCCESS'
+export const OPTION_UPDATE_ERROR   = 'UI_OPTION_UPDATE_ERROR'
+
+const defaultState = {
+    /* optionName -> {isUpdating, value (client-side), error} */
+}
+
+export default function reducer(state = defaultState, action) {
+    switch (action.type) {
+        case OPTION_UPDATE_START:
+            return {
+                ...state,
+                [action.option]: {
+                    isUpdate: true,
+                    value: action.value,
+                    error: false,
+                }
+            }
+
+        case OPTION_UPDATE_SUCCESS:
+            let s = {...state}
+            delete s[action.option]
+            return s
+
+        case OPTION_UPDATE_ERROR:
+            return {
+                ...state,
+                [action.option]: {
+                    ...state[action.option],
+                    isUpdating: false,
+                    error: action.error
+                }
+            }
+
+        default:
+            return state
+    }
+}