diff --git a/src/components/ServiceManage/searchBar/SearchFilter.js b/src/components/ServiceManage/searchBar/SearchFilter.js index 0a82b2f..eb1cdcc 100644 --- a/src/components/ServiceManage/searchBar/SearchFilter.js +++ b/src/components/ServiceManage/searchBar/SearchFilter.js @@ -1,8 +1,17 @@ -import { useEffect, useState } from 'react'; +import { memo, useEffect, useState } from 'react'; import { styled } from 'styled-components'; import { TextInput, InputLabel, SelectInput } from '../../../styles/Components'; import { logDomain, opInputType } from '../../../assets/data/options'; +const TextInputWithHelp = memo(({ helpText, ...props }) => { + return ( + + + {helpText && {helpText}} + + ); +}); + const SearchFilter = ({ value = [], onChange }) => { const [filters, setFilters] = useState(value || []); const [filterSections, setFilterSections] = useState([{ field_name: '', field_type: 'String', value: '' }]); @@ -55,14 +64,7 @@ const SearchFilter = ({ value = [], onChange }) => { setIsOpen(!isOpen); }; - const TextInputWithHelp = ({ helpText, ...props }) => { - return ( - - - {helpText && {helpText}} - - ); - }; + return (