Fixes #656 Translation dropdown (#671)

* translation type

* add content type

Author: mmahalwy

src/components/ContentDropdown/index.js

@@ -22,7 +22,11 @@ class ReciterDropdown extends Component {
   };
 
   componentDidMount() {
-    return this.props.loadRecitations();
+    if (!this.props.recitations.length) {
+      return this.props.loadRecitations();
+    }
+
+    return false;
   }
 
   renderMenu() {

src/components/ReciterDropdown/index.js

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

src/redux/actions/options.js

@@ -4,3 +4,7 @@ export const TOGGLE_NIGHT_MODE = '@@quran/options/TOGGLE_NIGHT_MODE';
 export const LOAD_RECITERS = '@@quran/verses/LOAD_RECITERS';
 export const LOAD_RECITERS_SUCCESS = '@@quran/verses/LOAD_RECITERS_SUCCESS';
 export const LOAD_RECITERS_FAIL = '@@quran/verses/LOAD_RECITERS_FAIL';
+
+export const LOAD_TRANSLATIONS = '@@quran/verses/LOAD_TRANSLATIONS';
+export const LOAD_TRANSLATIONS_SUCCESS = '@@quran/verses/LOAD_TRANSLATIONS_SUCCESS';
+export const LOAD_TRANSLATIONS_FAIL = '@@quran/verses/LOAD_TRANSLATIONS_FAIL';

src/redux/constants/options.js

@@ -1,18 +1,22 @@
 import {
   SET_OPTION,
   LOAD_RECITERS,
-  LOAD_RECITERS_SUCCESS
+  LOAD_RECITERS_SUCCESS,
+  LOAD_TRANSLATIONS,
+  LOAD_TRANSLATIONS_SUCCESS
 } from 'redux/constants/options.js';
 
 const initialState = {
   isReadingMode: false,
   isShowingSurahInfo: false,
   loadingRecitations: false,
+  loadingTranslations: false,
   audio: 8,
   translations: [20],
   tooltip: 'translation',
   options: {
-    recitations: []
+    recitations: [],
+    translations: []
   },
   fontSize: {
     arabic: 3.5,
@@ -45,6 +49,22 @@ export default function reducer(state = initialState, action = {}) {
         }
       };
     }
+    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;
   }

src/redux/modules/options.js

@@ -9,7 +9,7 @@ import createHistory from 'react-router/lib/createMemoryHistory';
 import { Provider } from 'react-redux';
 import { IntlProvider } from 'react-intl';
 import cookie from 'react-cookie';
-import raven from 'raven';
+import Raven from 'raven';
 import errorhandler from 'errorhandler';
 
 import config from 'config';
@@ -27,11 +27,16 @@ import getLocalMessages from './helpers/setLocal';
 
 const pretty = new PrettyError();
 const server = express();
+Raven.config(config.sentryServer, {
+  captureUnhandledRejections: true,
+  autoBreadcrumbs: true
+}).install();
+
 
 expressConfig(server);
 
-// Use varnish for the static routes, which will cache too
-server.use(raven.middleware.express.requestHandler(config.sentryServer));
+
+server.use(Raven.requestHandler());
 
 server.use((req, res, next) => {
   cookie.plugToRequest(req, res);
@@ -100,7 +105,7 @@ server.use((req, res, next) => {
   return false;
 });
 
-server.use(raven.middleware.express.errorHandler(config.sentryServer));
+server.use(Raven.errorHandler());
 
 if (process.env.NODE_ENV === 'development') {
   // only use in development

src/server.js

@@ -0,0 +1,7 @@
+import { PropTypes } from 'react';
+
+export default PropTypes.shape({
+  id: PropTypes.number,
+  authorName: PropTypes.string,
+  languageName: PropTypes.string
+});

src/types/contentType.js

@@ -8,3 +8,4 @@ export { default as wordType } from './wordType';
 export { default as matchType } from './matchType';
 export { default as recitationType } from './recitationType';
 export { default as translationType } from './translationType';
+export { default as contentType } from './contentType';