settingState for open thumbnail

Author: wangdicoder

js/actions/actionTypes.js

@@ -27,5 +27,6 @@ export const UNSTAR_DATA_SUCCESS = 'UNSTAR_DATA_SUCCESS';
 export const UPDATE_STAR_STATE = 'UPDATE_STAR_STATE';
 
 export const CHANGE_COLOR = 'CHANGE_COLOR';
+
 export const OPEN_SHOW_THUMBNAIL = 'OPEN_SHOW_THUMBNAIL';
 export const CLOSE_SHOW_THUMBNAIL = 'CLOSE_SHOW_THUMBNAIL';

js/actions/modifySettings.js

@@ -4,6 +4,7 @@
 'use strict';
 
 import * as TYPES from './actionTypes';
+import SettingsDataDAO from '../dao/SettingsDataDAO';
 
 export function changeColor(color) {
     return {
@@ -12,7 +13,12 @@ export function changeColor(color) {
     };
 }
 
-export function changeShowThumbnail(value) {
+export function changeShowThumbnail(value, flag=true) {
+    if(flag) {
+        let dao = new SettingsDataDAO();
+        dao.saveShowThumbnail(value);
+    }
+
     if(value) {
         return {
             type: TYPES.OPEN_SHOW_THUMBNAIL
@@ -22,4 +28,21 @@ export function changeShowThumbnail(value) {
             type: TYPES.CLOSE_SHOW_THUMBNAIL
         };
     }
+}
+
+function getShowThumbnailValue() {
+    return (dispatch) => {
+        let dao = new SettingsDataDAO();
+        dao.getShowThumbnailValue().then((result)=>{
+            dispatch(changeShowThumbnail(result, false));
+        }, (error)=>{
+            dispatch(changeShowThumbnail(error));
+        });
+    };
+}
+
+export function initialSettingsStateFacade() {
+    return (dispatch)=>{
+        dispatch(getShowThumbnailValue());
+    }
 }

js/containers/MainPage.js

@@ -15,7 +15,8 @@ import theme from '../constants/theme';
 import px2dp from '../utils/px2dp';
 import {connect} from 'react-redux';
 import {store} from '../store/index';
-import {fetchStarList} from '../actions/handleCollectionData'
+import {fetchStarList} from '../actions/handleCollectionData';
+import {initialSettingsStateFacade, getShowThumbnailValue} from '../actions/modifySettings';
 
 class MainPage extends Component{
 
@@ -90,6 +91,7 @@ class BottomTabBar extends Component{
 
     componentDidMount(){
         store.dispatch(fetchStarList());
+        store.dispatch(initialSettingsStateFacade());
     }
 }
 

js/dao/SettingsDataDAO.js

@@ -1,3 +1,33 @@
 /**
  * Created by wangdi on 4/12/16.
  */
+'use strict';
+
+const SHOW_THUMBNAIL = 'showThumbnail';
+
+
+import {AsyncStorage} from 'react-native';
+
+export default class SettingsDataDAO{
+
+    saveShowThumbnail(value){
+        AsyncStorage.setItem(SHOW_THUMBNAIL, value+'');
+    }
+
+    getShowThumbnailValue() {
+        return new Promise((resolve, reject) => {
+            AsyncStorage.getItem(SHOW_THUMBNAIL, (error, result) => {
+                if(!error){
+                    if(result === 'true')
+                        resolve(true);
+                    else
+                        resolve(false);
+                }else{
+                    reject(true);
+                }
+            });
+        });
+    }
+
+
+}