refresh files in group in group panel

js/views/conversation_view.js

@@ -350,7 +350,12 @@
             props: getGroupSettingsProp(this.model),
           });
           this.$('.conversation-content-right').append(this.groupSettings.el);
+          this.$('.conversation-content-right').show();
+
+          return;
         }
+
+        this.groupSettings.update(getGroupSettingsProp(this.model));
         this.$('.conversation-content-right').show();
       };
 
@@ -875,9 +880,7 @@
     },
 
     updateScrollDownButton(count) {
-      if (this.scrollDownButton) {
-        this.scrollDownButton.increment(count);
-      } else {
+      if (!this.scrollDownButton) {
         this.scrollDownButton = new Whisper.ScrollDownButtonView({ count });
         this.scrollDownButton.render();
         const container = this.$('.discussion-container');

ts/components/session/SessionChannelSettings.tsx

@@ -49,6 +49,18 @@ export class SessionChannelSettings extends React.Component<Props, any> {
       .ignore();
   }
 
+  public componentDidUpdate() {
+    this.getMediaGalleryProps()
+    .then(({ documents, media, onItemClick }) => {
+      this.setState({
+        documents,
+        media,
+        onItemClick,
+      });
+    })
+    .ignore();
+  }
+
   public async getMediaGalleryProps() {
     // We fetch more documents than media as they don’t require to be loaded
     // into memory right away. Revisit this once we have infinite scrolling: