diff --git a/kafka-ui-react-app/src/components/common/Input/Input.tsx b/kafka-ui-react-app/src/components/common/Input/Input.tsx index 0962165cb6..6196ff0959 100644 --- a/kafka-ui-react-app/src/components/common/Input/Input.tsx +++ b/kafka-ui-react-app/src/components/common/Input/Input.tsx @@ -16,7 +16,7 @@ export interface InputProps withError?: boolean; label?: React.ReactNode; hint?: React.ReactNode; - children?: React.ReactNode; + icon?: React.ReactNode; // Some may only accept integer, like `Number of Partitions` // some may accept decimal @@ -112,7 +112,7 @@ const Input = React.forwardRef((props, ref) => { withError = false, label, hint, - children, + icon, ...rest } = props; @@ -187,7 +187,7 @@ const Input = React.forwardRef((props, ref) => { ref={ref} {...inputOptions} /> - {search && children} + {search && icon} {withError && isHookFormField && ( diff --git a/kafka-ui-react-app/src/components/common/Search/Search.tsx b/kafka-ui-react-app/src/components/common/Search/Search.tsx index bf7c08e75f..411de019e5 100644 --- a/kafka-ui-react-app/src/components/common/Search/Search.tsx +++ b/kafka-ui-react-app/src/components/common/Search/Search.tsx @@ -53,6 +53,7 @@ const Search: React.FC = ({ ref.current.value = ''; } }; + return ( = ({ disabled={disabled} ref={ref} search - > - - - - + icon={ + + + + } + /> ); };