feat: multiple files selected view (#1062)

app/assets/javascripts/Components/NoteGroupView/NoteGroupView.tsx

@@ -3,10 +3,12 @@ import { PureComponent } from '@/Components/Abstract/PureComponent'
 import { WebApplication } from '@/Application/Application'
 import MultipleSelectedNotes from '@/Components/MultipleSelectedNotes/MultipleSelectedNotes'
 import NoteView from '@/Components/NoteView/NoteView'
+import MultipleSelectedFiles from '../MultipleSelectedFiles/MultipleSelectedFiles'
 import { ElementIds } from '@/Constants/ElementIDs'
 
 type State = {
   showMultipleSelectedNotes: boolean
+  showMultipleSelectedFiles: boolean
   controllers: NoteViewController[]
 }
 
@@ -21,6 +23,7 @@ class NoteGroupView extends PureComponent<Props, State> {
     super(props, props.application)
     this.state = {
       showMultipleSelectedNotes: false,
+      showMultipleSelectedFiles: false,
       controllers: [],
     }
   }
@@ -37,11 +40,21 @@ class NoteGroupView extends PureComponent<Props, State> {
     })
 
     this.autorun(() => {
+      if (!this.viewControllerManager) {
+        return
+      }
+
       if (this.viewControllerManager && this.viewControllerManager.notesController) {
         this.setState({
           showMultipleSelectedNotes: this.viewControllerManager.notesController.selectedNotesCount > 1,
         })
       }
+
+      if (this.viewControllerManager.selectionController) {
+        this.setState({
+          showMultipleSelectedFiles: this.viewControllerManager.selectionController.selectedFilesCount > 1,
+        })
+      }
     })
   }
 
@@ -59,6 +72,13 @@ class NoteGroupView extends PureComponent<Props, State> {
           <MultipleSelectedNotes application={this.application} viewControllerManager={this.viewControllerManager} />
         )}
 
+        {this.state.showMultipleSelectedFiles && (
+          <MultipleSelectedFiles
+            filesController={this.viewControllerManager.filesController}
+            selectionController={this.viewControllerManager.selectionController}
+          />
+        )}
+
         {!this.state.showMultipleSelectedNotes && (
           <>
             {this.state.controllers.map((controller) => {