refactor. better naming for the add display filter form

Author: elad-n

src/components/elements/dateManager/SearchForm.tsx src/components/elements/dateManager/AddNewDisplayFilterForm.tsx

@@ -4,7 +4,7 @@ import { DatePicker, TimeField } from '@mui/x-date-pickers';
 import React, { Dispatch, SetStateAction } from 'react';
 import { Dayjs } from 'dayjs';
 
-interface SearchFormProps {
+interface AddNewDisplayFilterFormProps {
   setDisplayName: Dispatch<SetStateAction<string>>;
   setDisplayNameTouched: (value: boolean) => void;
   setDate: Dispatch<SetStateAction<Dayjs | null>>;
@@ -14,7 +14,7 @@ interface SearchFormProps {
   displayName: string;
   setHour: Dispatch<SetStateAction<Dayjs | null>>;
 }
-export const SearchForm = ({
+export const AddNewDisplayFilterForm = ({
   setDisplayName,
   setDisplayNameTouched,
   setDate,
@@ -23,7 +23,7 @@ export const SearchForm = ({
   hour,
   setHour,
   displayName,
-}: SearchFormProps) => {
+}: AddNewDisplayFilterFormProps) => {
   return (
     <Box width={'50%'} py={2} px={1} display={'inline-grid'} gap={2}>
       <Box display={'inline-grid'} gap={1}>

src/components/elements/dateManager/index.tsx

@@ -7,7 +7,7 @@ import { Button, ButtonStretch, ButtonVariant } from '../button';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import theme from '../../../theme';
 import PresetsContent, { PresetType } from './Presets';
-import { SearchForm } from './SearchForm';
+import { AddNewDisplayFilterForm } from './AddNewDisplayFilterForm';
 
 export interface DateManagerProps {
   presets: PresetType[];
@@ -52,7 +52,7 @@ export const DateManager = ({ presets, addClickedHandler, close, loading }: Date
           <Divider sx={{ backgroundColor: '#F8FAFC' }} />
 
           <Box display={'flex'}>
-            <SearchForm
+            <AddNewDisplayFilterForm
               setErrorDate={setErrorDate}
               setDisplayName={setDisplayName}
               setDisplayNameTouched={setDisplayNameTouched}