MediaGallery: Load only once with no attachments to show

ts/components/conversation/media-gallery/MediaGallery.tsx

@@ -160,12 +160,24 @@ export function MediaGallery({
   }, []);
 
   useEffect(() => {
-    if (media.length > 0 || documents.length > 0) {
+    if (
+      media.length > 0 ||
+      documents.length > 0 ||
+      haveOldestDocument ||
+      haveOldestMedia
+    ) {
       return;
     }
     initialLoad(conversationId);
     loadingRef.current = true;
-  }, [conversationId, initialLoad, media, documents]);
+  }, [
+    conversationId,
+    haveOldestDocument,
+    haveOldestMedia,
+    initialLoad,
+    media,
+    documents,
+  ]);
 
   const previousLoading = usePrevious(loading, loading);
   if (previousLoading && !loading) {

ts/state/ducks/mediaGallery.ts

@@ -410,12 +410,14 @@ export function reducer(
   }
 
   if (action.type === INITIAL_LOAD) {
+    const { payload } = action;
+
     return {
       ...state,
       loading: false,
-      ...action.payload,
+      ...payload,
-      haveOldestDocument: false,
+      haveOldestMedia: payload.media.length === 0,
-      haveOldestMedia: false,
+      haveOldestDocument: payload.documents.length === 0,
     };
   }