Nt/wave media

src/components/comments/container/commentsContainer.tsx

@@ -52,6 +52,7 @@ const CommentsContainer = ({
   incrementRepliesCount,
   handleOnReplyPress,
   handleOnCommentsLoaded,
+  postType
 }) => {
   const navigation = useNavigation();
   const postsCachePrimer = postQueries.usePostsCachePrimer();
@@ -318,6 +319,7 @@ const CommentsContainer = ({
       fetchedAt={fetchedAt}
       postContentView={postContentView}
       isLoading={isLoading}
+      postType={postType}
     />
   );
 };

src/components/comments/view/commentsView.tsx

@@ -41,6 +41,7 @@ const CommentsView = ({
   incrementRepliesCount,
   postContentView,
   isLoading,
+  postType
 }) => {
   const [selectedComment, setSelectedComment] = useState(null);
   const intl = useIntl();
@@ -192,7 +193,7 @@ const CommentsView = ({
         />
       )}
       <UpvotePopover ref={upvotePopoverRef} />
-      <PostHtmlInteractionHandler ref={postInteractionRef} />
+      <PostHtmlInteractionHandler ref={postInteractionRef} postType={postType} />
     </Fragment>
   );
 };

src/components/postHtmlRenderer/postInteractionHandler.tsx

@@ -25,8 +25,15 @@ import { useDispatch } from 'react-redux';
 import { useNavigation } from '@react-navigation/native';
 import { IconButton } from '../buttons';
 import styles from './postHtmlRendererStyles'
+import { PostTypes } from '../../constants/postTypes';
 
-export const PostHtmlInteractionHandler = forwardRef(({ }, ref) => {
+interface PostHtmlInteractionHandlerProps {
+    postType?:PostTypes
+}
+
+export const PostHtmlInteractionHandler = forwardRef(({
+    postType
+}:PostHtmlInteractionHandlerProps, ref) => {
 
     const navigation = useNavigation();
     const dispatch = useDispatch();
@@ -51,7 +58,12 @@ export const PostHtmlInteractionHandler = forwardRef(({ }, ref) => {
         handleImagePress: (url: string, postImgUrls: string[]) => {
             setPostImages(postImgUrls);
             setSelectedImage(url);
-            actionImage.current?.show();
+            if(postType === PostTypes.WAVE){
+                setIsImageModalOpen(true);
+            } else {
+                actionImage.current?.show();
+            }
+
         },
         handleLinkPress: (url: string) => {
             setSelectedLink(url);

src/providers/queries/postQueries/wavesQueries.ts

@@ -6,7 +6,7 @@ import {
 } from '@tanstack/react-query';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
-import { unionBy } from 'lodash';
+import { unionBy, isArray } from 'lodash';
 import { getDiscussionCollection } from '../../hive/dhive';
 
 import { getAccountPosts } from '../../hive/dhive';
@@ -222,7 +222,10 @@ export const useWavesQuery = (host: string) => {
 
 
   const _data = unionBy(...wavesQueries.map((query) => query.data), 'url');
-  const _filteredData = useMemo(() =>{ console.log('filtering waves'); return _data.filter(post => mutes.indexOf(post?.author) < 0)}, [mutes, _data])
+
+  const _filteredData = useMemo(() =>
+     _data.filter(post =>  isArray(mutes) ? mutes.indexOf(post?.author) < 0 : true),
+      [mutes, _data])
 
   return {
     data: _filteredData,

src/screens/waves/screen/wavesScreen.tsx

@@ -5,6 +5,7 @@ import styles from '../styles/wavesScreen.styles';
 import { wavesQueries } from '../../../providers/queries';
 import { useAppSelector } from '../../../hooks';
 import WavesHeader from '../children/wavesHeader';
+import { PostTypes } from '../../../constants/postTypes';
 
 
 const WavesScreen = () => {
@@ -47,6 +48,7 @@ const WavesScreen = () => {
 
             <View style={{ flex: 1 }}>
                 <Comments
+                    postType={PostTypes.WAVE}
                     comments={_data}
                     handleOnOptionsPress={_handleOnOptionsPress}
                     flatListProps={{