Merge branch 'master' of https://github.com/quran/quran.com-frontend …

…into render_word_with_text

src/redux/actions/options.js

@@ -4,7 +4,10 @@ import {
   LOAD_RECITERS,
   LOAD_RECITERS_SUCCESS,
   LOAD_RECITERS_FAIL,
-  SET_USER_AGENT
+  SET_USER_AGENT,
+  LOAD_TRANSLATIONS,
+  LOAD_TRANSLATIONS_SUCCESS,
+  LOAD_TRANSLATIONS_FAIL
 } from 'redux/constants/options.js';
 
 export function isReadingMode(globalState) {
@@ -34,3 +37,8 @@ export function setUserAgent(userAgent) {
     userAgent
   };
 }
+
+export const loadTranslations = () => ({
+  types: [LOAD_TRANSLATIONS, LOAD_TRANSLATIONS_SUCCESS, LOAD_TRANSLATIONS_FAIL],
+  promise: client => client.get('/api/v3/options/translations')
+});

src/redux/modules/options.js

@@ -2,7 +2,9 @@ import {
   SET_OPTION,
   LOAD_RECITERS,
   LOAD_RECITERS_SUCCESS,
-  SET_USER_AGENT
+  SET_USER_AGENT,
+  LOAD_TRANSLATIONS,
+  LOAD_TRANSLATIONS_SUCCESS
 } from 'redux/constants/options.js';
 
 const initialState = {
@@ -56,6 +58,22 @@ export default function reducer(state = initialState, action = {}) {
         userAgent
       };
     }
+    case LOAD_TRANSLATIONS: {
+      return {
+        ...state,
+        loadingTranslations: true
+      };
+    }
+    case LOAD_TRANSLATIONS_SUCCESS: {
+      return {
+        ...state,
+        loadingTranslations: false,
+        options: {
+          ...state.options,
+          translations: action.result.translations
+        }
+      };
+    }
     default:
       return state;
   }