Feature/local feature flag

App.tsx

@@ -10,7 +10,7 @@ import rootSaga from './src/sagas/rootSaga';
 
 const sagaMiddleware = createSagaMiddleware();
 const middleware = [sagaMiddleware];
-const store = compose(applyMiddleware(...middleware))(createStore)(reducers);
+export const store = compose(applyMiddleware(...middleware))(createStore)(reducers);
 sagaMiddleware.run(rootSaga);
 
 const App = () => {

src/reducers/featureFlag.reducer.ts

@@ -0,0 +1,23 @@
+// TODO: by default read from env file
+export const featureFlagState = {
+  isProdEnvironment: true,
+};
+
+const localFeatureFlag = (state = featureFlagState, action: any) => {
+  switch (action.type) {
+    case 'PROD':
+      return {
+        ...state,
+        isProdEnvironment: true,
+      };
+    case 'DEV':
+      return {
+        ...state,
+        isProdEnvironment: false,
+      };
+    default:
+      return state;
+  }
+};
+
+export default localFeatureFlag;

src/reducers/index.ts

@@ -1,6 +1,7 @@
 import { combineReducers } from 'redux';
 import user from './user.reducer';
+import localFeatureFlag from './featureFlag.reducer';
 
-const reducers = combineReducers({ user });
+const reducers = combineReducers({ user, localFeatureFlag });
 
 export default reducers;

src/reducers/store.ts

@@ -0,0 +1,3 @@
+import { store } from '../../App';
+
+export const baseStoreState = store.getState();

src/screens/AuthScreen/AuthScreen.tsx

@@ -24,9 +24,12 @@ import { urls } from '../../constants/appConstant/url';
 import AuthApis from '../../constants/apiConstant/AuthApi';
 import { CameraScreen } from 'react-native-camera-kit';
 import CustomModal from '../../components/Modal/CustomModal';
+import { useDispatch, useSelector } from 'react-redux';
 
 const AuthScreen = () => {
   // TODO: will revamp github signIn feature
+  const dispatch = useDispatch();
+  const { isProdEnvironment } = useSelector((store) => store.localFeatureFlag);
   const { setLoggedInUserData } = useContext(AuthContext);
   const [githubView, setGithubView] = useState<boolean>(false);
   const [loading, setLoading] = useState(false);
@@ -238,6 +241,14 @@ const AuthScreen = () => {
         <Text style={AuthViewStyle.cmpnyName}>{Strings.REAL_DEV_SQUAD}</Text>
       </View>
       <View style={AuthViewStyle.btnContainer}>
+        <AuthScreenButton
+          text={isProdEnvironment ? 'Switch to DEV' : 'Switch to Prod'}
+          onPress={() => {
+            isProdEnvironment
+              ? dispatch({ type: 'DEV' })
+              : dispatch({ type: 'PROD' });
+          }}
+        />
         <View style={AuthViewStyle.btnContainer}>
           <TouchableOpacity
             onPress={handleSignIn}

src/screens/ProfileScreen/ProfileScreen.tsx

@@ -13,10 +13,12 @@ import { ImagePickerResponse } from 'react-native-image-picker';
 import Strings from '../../i18n/en';
 import { fetchContribution } from '../AuthScreen/Util';
 import { useFocusEffect } from '@react-navigation/native';
-
-import { useSelector } from 'react-redux';
+import { useSelector, useDispatch } from 'react-redux';
+import { AuthScreenButton } from '../AuthScreen/Button';
 
 const ProfileScreen = () => {
+  const dispatch = useDispatch();
+  const { isProdEnvironment } = useSelector((store) => store.localFeatureFlag);
   const { data: userData } = useSelector((store) => store.user);
   const [response, setResponse] = useState<ImagePickerResponse>({});
   const [modalVisible, setModalVisible] = useState(false);
@@ -87,6 +89,14 @@ const ProfileScreen = () => {
           {loggedInUserData?.name}
         </Text>
         <ButtonWidget title={'Update'} onPress={openModal} />
+        <ButtonWidget
+          title={isProdEnvironment ? 'Switch to DEV' : 'Switch to Prod'}
+          onPress={() => {
+            isProdEnvironment
+              ? dispatch({ type: 'DEV' })
+              : dispatch({ type: 'PROD' });
+          }}
+        />
       </View>
     </View>
   );