put back images toggle in profile, communities and tag screens

src/components/profile/profileView.js

@@ -254,7 +254,7 @@ class ProfileView extends PureComponent {
           isFeedScreen={false}
           tabContentOverrides={tabContentOverrides}
           onChangeTab={this._onTabChange}
-          imagesToggleEnabled={false}
+          imagesToggleEnabled={true}
         />
       </View>
     );

src/components/tabbedPosts/container/tabbedPosts.tsx

@@ -15,7 +15,7 @@ export const TabbedPosts = ({
   feedUsername,
   pageType,
   tabContentOverrides,
-  imagesToggleEnabled = true,
+  imagesToggleEnabled,
   stackedTabs,
   onTabChange,
   ...props
@@ -89,6 +89,7 @@ export const TabbedPosts = ({
         secondStack={subFilters}
         initialFirstStackIndex={selectedOptionIndex}
         onFilterSelect={_onFilterSelect}
+        toggleHideImagesFlag={imagesToggleEnabled}
       />
     )
   }

src/components/tabbedPosts/view/stackedTabBar.tsx

@@ -1,6 +1,8 @@
 import React, { useRef, useState } from "react";
 import { useIntl } from "react-intl";
+import { useDispatch, useSelector } from "react-redux";
 import { CustomiseFiltersModal, FilterBar } from "../..";
+import { hidePostsThumbnails } from "../../../redux/actions/uiAction";
 import { CustomiseFiltersModalRef } from "../../customiseFiltersModal/customiseFiltersModal";
 
 export interface TabItem {
@@ -18,6 +20,7 @@ interface StackedTabBarProps {
     secondStack:TabItem[];
     initialFirstStackIndex:number;
     onFilterSelect:(filterKey:string)=>void;
+    toggleHideImagesFlag:boolean;
 }
 
 export const StackedTabBar = ({
@@ -29,12 +32,18 @@ export const StackedTabBar = ({
     secondStack,
     initialFirstStackIndex,
     onFilterSelect,
+    toggleHideImagesFlag
 
 }:StackedTabBarProps) => {
 
+    const dispatch = useDispatch();
+    const intl = useIntl();
+
     const customiseModalRef = useRef<CustomiseFiltersModalRef>();
     
-    const intl = useIntl();
+    //redux properties
+    const isHideImages = useSelector((state) => state.ui.hidePostsThumbnails);
+
     const [selectedFilterIndex, setSelectedFilterIndex] = useState(initialFirstStackIndex);
     const [selectedSecondStackIndex, setSelectedSecondStackIndex] = useState(0);
 
@@ -44,6 +53,10 @@ export const StackedTabBar = ({
       }
     }
 
+    const _onToggleImagesPress = () => {
+      dispatch(hidePostsThumbnails(!isHideImages))
+    }
+
     return (
       <>
       <FilterBar
@@ -55,6 +68,8 @@ export const StackedTabBar = ({
         }
          
         selectedOptionIndex={selectedFilterIndex}
+        rightIconName={toggleHideImagesFlag && "view-module"}
+        rightIconType={toggleHideImagesFlag && "MaterialIcons"}
         enableCustomiseButton={enableCustomiseButton}
         onCustomisePress={_onCustomisePress}
         onDropdownSelect={(index)=>{
@@ -70,6 +85,7 @@ export const StackedTabBar = ({
           }
 
         }}
+        onRightIconPress={_onToggleImagesPress}
       />
 
       {

src/screens/community/screen/communityScreen.js

@@ -106,6 +106,7 @@ const CommunityScreen = ({ navigation }) => {
               filterOptionsValue={GLOBAL_POST_FILTERS_VALUE}
               selectedOptionIndex={_getSelectedIndex()}
               tag={tag}
+              imagesToggleEnabled={true}
             />
           </View>
         </View>

src/screens/tagResult/screen/tagResultScreen.js

@@ -69,6 +69,7 @@ const TagResultScreen = ({ navigation }) => {
           filterOptionsValue={GLOBAL_POST_FILTERS_VALUE}
           selectedOptionIndex={_getSelectedIndex()}
           tag={tag}
+          imagesToggleEnabled={true}
         />
       </View>
     </View>