feat: move search bar back to notes column (#1408)

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

@@ -194,6 +194,7 @@ const ApplicationView: FunctionComponent<Props> = ({ application, mainApplicatio
                 noteTagsController={viewControllerManager.noteTagsController}
                 notesController={viewControllerManager.notesController}
                 selectionController={viewControllerManager.selectionController}
+                searchOptionsController={viewControllerManager.searchOptionsController}
               />
               <NoteGroupView application={application} />
             </ResponsivePaneProvider>

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

@@ -21,6 +21,8 @@ import ResponsivePaneContent from '../ResponsivePane/ResponsivePaneContent'
 import { AppPaneId } from '../ResponsivePane/AppPaneMetadata'
 import { useResponsiveAppPane } from '../ResponsivePane/ResponsivePaneProvider'
 import { StreamingFileReader } from '@standardnotes/filepicker'
+import SearchBar from '../SearchBar/SearchBar'
+import { SearchOptionsController } from '@/Controllers/SearchOptionsController'
 import { classNames } from '@/Utils/ConcatenateClassNames'
 
 type Props = {
@@ -33,6 +35,7 @@ type Props = {
   noteTagsController: NoteTagsController
   notesController: NotesController
   selectionController: SelectedItemsController
+  searchOptionsController: SearchOptionsController
 }
 
 const ContentListView: FunctionComponent<Props> = ({
@@ -45,6 +48,7 @@ const ContentListView: FunctionComponent<Props> = ({
   noteTagsController,
   notesController,
   selectionController,
+  searchOptionsController,
 }) => {
   const { toggleAppPane } = useResponsiveAppPane()
 
@@ -215,6 +219,7 @@ const ContentListView: FunctionComponent<Props> = ({
               isFilesSmartView={isFilesSmartView}
               optionsSubtitle={optionsSubtitle}
             />
+            <SearchBar itemListController={itemListController} searchOptionsController={searchOptionsController} />
             <NoAccountWarning
               accountMenuController={accountMenuController}
               noAccountWarningController={noAccountWarningController}

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

@@ -6,7 +6,6 @@ import { ApplicationEvent, PrefKey } from '@standardnotes/snjs'
 import { observer } from 'mobx-react-lite'
 import { FunctionComponent, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import PanelResizer, { PanelSide, ResizeFinishCallback, PanelResizeType } from '@/Components/PanelResizer/PanelResizer'
-import SearchBar from '@/Components/SearchBar/SearchBar'
 import ResponsivePaneContent from '@/Components/ResponsivePane/ResponsivePaneContent'
 import { AppPaneId } from '@/Components/ResponsivePane/AppPaneMetadata'
 import { classNames } from '@/Utils/ConcatenateClassNames'
@@ -53,11 +52,6 @@ const Navigation: FunctionComponent<Props> = ({ application }) => {
       ref={ref}
     >
       <ResponsivePaneContent paneId={AppPaneId.Navigation} contentElementId="navigation-content">
-        <SearchBar
-          itemListController={viewControllerManager.itemListController}
-          searchOptionsController={viewControllerManager.searchOptionsController}
-          selectedViewTitle={viewControllerManager.navigationController.selected?.title}
-        />
         <div className={'section-title-bar'}>
           <div className="section-title-bar-header">
             <div className="title text-sm">

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

@@ -8,12 +8,11 @@ import DecoratedInput from '../Input/DecoratedInput'
 import { observer } from 'mobx-react-lite'
 
 type Props = {
-  selectedViewTitle?: string
   itemListController: ItemListController
   searchOptionsController: SearchOptionsController
 }
 
-const SearchBar = ({ itemListController, searchOptionsController, selectedViewTitle = 'Notes' }: Props) => {
+const SearchBar = ({ itemListController, searchOptionsController }: Props) => {
   const searchInputRef = useRef<HTMLInputElement>(null)
 
   const { noteFilterText, setNoteFilterText, clearFilterText, onFilterEnter } = itemListController
@@ -45,15 +44,14 @@ const SearchBar = ({ itemListController, searchOptionsController, selectedViewTi
   }, [clearFilterText])
 
   return (
-    <div className="px-2.5 pt-4 pb-0.5" role="search">
+    <div className="pt-3 pb-0.5" role="search">
       <DecoratedInput
         autocomplete={false}
-        title="Searches notes and files in the currently selected tag"
         className={{
           container: 'px-1',
           input: 'placeholder:text-passive-0',
         }}
-        placeholder={`Search in ${selectedViewTitle}`}
+        placeholder={'Search...'}
         value={noteFilterText}
         ref={searchInputRef}
         onBlur={onSearchBlur}