feat: improved file drag-n-drop experience (#1848)

packages/web/src/javascripts/Components/NoteGroupView/NoteGroupView.tsx

@@ -4,7 +4,6 @@ import { WebApplication } from '@/Application/Application'
 import MultipleSelectedNotes from '@/Components/MultipleSelectedNotes/MultipleSelectedNotes'
 import MultipleSelectedFiles from '../MultipleSelectedFiles/MultipleSelectedFiles'
 import { ElementIds } from '@/Constants/ElementIDs'
-import { FileDnDContext } from '@/Components/FileDragNDropProvider/FileDragNDropProvider'
 import { AppPaneId } from '../ResponsivePane/AppPaneMetadata'
 import ResponsivePaneContent from '../ResponsivePane/ResponsivePaneContent'
 import FileView from '../FileView/FileView'
@@ -24,9 +23,6 @@ type Props = {
 }
 
 class NoteGroupView extends PureComponent<Props, State> {
-  static override contextType = FileDnDContext
-  declare context: React.ContextType<typeof FileDnDContext>
-
   private removeChangeObserver!: () => void
 
   constructor(props: Props) {
@@ -94,8 +90,6 @@ class NoteGroupView extends PureComponent<Props, State> {
   }
 
   override render() {
-    const fileDragNDropContext = this.context
-
     const shouldNotShowMultipleSelectedItems =
       !this.state.showMultipleSelectedNotes && !this.state.showMultipleSelectedFiles
 
@@ -112,10 +106,7 @@ class NoteGroupView extends PureComponent<Props, State> {
           {this.state.showMultipleSelectedNotes && (
             <MultipleSelectedNotes
               application={this.application}
-              filesController={this.viewControllerManager.filesController}
               selectionController={this.viewControllerManager.selectionController}
-              featuresController={this.viewControllerManager.featuresController}
-              filePreviewModalController={this.viewControllerManager.filePreviewModalController}
               navigationController={this.viewControllerManager.navigationController}
               notesController={this.viewControllerManager.notesController}
               linkingController={this.viewControllerManager.linkingController}
@@ -128,11 +119,6 @@ class NoteGroupView extends PureComponent<Props, State> {
               selectionController={this.viewControllerManager.selectionController}
             />
           )}
-          {this.viewControllerManager.navigationController.isInFilesView && fileDragNDropContext?.isDraggingFiles && (
-            <div className="absolute bottom-8 left-1/2 z-dropdown-menu -translate-x-1/2 rounded bg-info px-5 py-3 text-info-contrast shadow-main">
-              Drop your files to upload them
-            </div>
-          )}
           {shouldNotShowMultipleSelectedItems && hasControllers && canRenderEditorView && (
             <>
               {this.state.controllers.map((controller) => {