0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change children prop with regular prop

Browse source
This commit is contained in:
davitbejanyan 2023-04-11 16:29:06 +04:00
parent 800daa9bc8
commit d9328a91f5
2 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
kafka-ui-react-app/src/components/common/Input/Input.tsx
View file

@ -16,7 +16,7 @@ export interface InputProps
withError?: boolean; withError?: boolean;
label?: React.ReactNode; label?: React.ReactNode;
hint?: React.ReactNode; hint?: React.ReactNode;
children?: React.ReactNode; icon?: React.ReactNode;
// Some may only accept integer, like `Number of Partitions` // Some may only accept integer, like `Number of Partitions`
// some may accept decimal // some may accept decimal
@ -112,7 +112,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
withError = false, withError = false,
label, label,
hint, hint,
children, icon,
...rest ...rest
} = props; } = props;
@ -187,7 +187,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
ref={ref} ref={ref}
{...inputOptions} {...inputOptions}
/> />
{search && children} {search && icon}
{withError && isHookFormField && ( {withError && isHookFormField && (
<S.FormError> <S.FormError>

12
kafka-ui-react-app/src/components/common/Search/Search.tsx
View file

@ -53,6 +53,7 @@ const Search: React.FC<SearchProps> = ({
ref.current.value = ''; ref.current.value = '';
} }
}; };
return ( return (
<Input <Input
type="text" type="text"
@ -63,11 +64,12 @@ const Search: React.FC<SearchProps> = ({
disabled={disabled} disabled={disabled}
ref={ref} ref={ref}
search search
> icon={
<IconButtonWrapper onClick={clearSearchValue}> <IconButtonWrapper onClick={clearSearchValue}>
<CloseIcon /> <CloseIcon />
</IconButtonWrapper> </IconButtonWrapper>
</Input> }
/>
); );
}; };