feature: add transliteration settings state in redux store

parijat-frontend/src/actions/actionTypes.js

@@ -1 +1,2 @@
 export const FAV_ITEM = 'FAV_ITEM';
+export const SET_TRANSLITERATION_ENABLED = 'SET_TRANSLITERATION_ENABLED';

parijat-frontend/src/actions/user.js

@@ -1,8 +1,15 @@
-import { FAV_ITEM } from './actionTypes';
+import { FAV_ITEM, SET_TRANSLITERATION_ENABLED } from './actionTypes';
 
 export function favItem(item) {
 	return {
 		type: FAV_ITEM,
 		item
 	};
 }
+
+export function setTransliterationEnabled(isEnabled) {
+	return {
+		type: SET_TRANSLITERATION_ENABLED,
+		item: isEnabled,
+	};
+}

parijat-frontend/src/reducers/user.js

@@ -1,13 +1,19 @@
-import { FAV_ITEM } from '../actions/actionTypes';
+import {
+	FAV_ITEM,
+	SET_TRANSLITERATION_ENABLED
+} from '../actions/actionTypes';
 
 let initialState = {
+	transliteration: true,
 	favs: []
 };
 
 export default function user(state = initialState, action) {
 	switch (action.type) {
 		case FAV_ITEM:
 			return { ...state, favs: [...state.favs, action.item] };
+		case SET_TRANSLITERATION_ENABLED:
+			return { ...state, transliteration: action.item };
 		default:
 			return state;
 	}

parijat-frontend/src/routes/content/index.js

@@ -51,6 +51,7 @@ class ContentPage extends Component {
 			result: null
 		};
 	}
+
 	componentDidMount() {
 		getContent(this.props.id).then(result => {
 			this.setState({ result });
@@ -66,7 +67,7 @@ class ContentPage extends Component {
 		return (
 			<div>
 				<Header />
-				<button onClick={this.favItem}>Favourite</button>
+				<button onClick={this.favItem}>♥️ Favourite</button>
 				<ContentContainer>
 					{this.state.result != null ? (
 						<Content result={this.state.result} />