feat: add files button to multiple selection view (#1067)

app/assets/javascripts/Components/NotesOptions/NotesOptionsPanel.tsx

@@ -1,4 +1,3 @@
-import { ViewControllerManager } from '@/Services/ViewControllerManager'
 import Icon from '@/Components/Icon/Icon'
 import VisuallyHidden from '@reach/visually-hidden'
 import { useCloseOnBlur } from '@/Hooks/useCloseOnBlur'
@@ -8,14 +7,25 @@ import { observer } from 'mobx-react-lite'
 import NotesOptions from './NotesOptions'
 import { WebApplication } from '@/Application/Application'
 import { FOCUSABLE_BUT_NOT_TABBABLE } from '@/Constants/Constants'
+import { NotesController } from '@/Controllers/NotesController'
+import { NavigationController } from '@/Controllers/Navigation/NavigationController'
+import { NoteTagsController } from '@/Controllers/NoteTagsController'
 
 type Props = {
   application: WebApplication
-  viewControllerManager: ViewControllerManager
+  navigationController: NavigationController
+  notesController: NotesController
+  noteTagsController: NoteTagsController
   onClickPreprocessing?: () => Promise<void>
 }
 
-const NotesOptionsPanel = ({ application, viewControllerManager, onClickPreprocessing }: Props) => {
+const NotesOptionsPanel = ({
+  application,
+  navigationController,
+  notesController,
+  noteTagsController,
+  onClickPreprocessing,
+}: Props) => {
   const [open, setOpen] = useState(false)
   const [position, setPosition] = useState({
     top: 0,
@@ -82,7 +92,9 @@ const NotesOptionsPanel = ({ application, viewControllerManager, onClickPreproce
         {open && (
           <NotesOptions
             application={application}
-            viewControllerManager={viewControllerManager}
+            navigationController={navigationController}
+            notesController={notesController}
+            noteTagsController={noteTagsController}
             closeOnBlur={closeOnBlur}
           />
         )}