mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-09 17:57:26 +03:00
Code Issues Projects Releases Packages Wiki Activity

Add missing ref to IconInput

Browse source
This commit is contained in:
Alejandro Celaya 2023-03-13 18:18:35 +01:00
parent 2b14c49c80
commit 3be5126e2d
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/utils/IconInput.tsx
View file

@ -2,25 +2,27 @@ import type { IconProp } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames';
import type { FC } from 'react';
import { useRef } from 'react';
import type { InputProps } from 'reactstrap';
import { Input } from 'reactstrap';
import { useElementRef } from './helpers/hooks';
import './IconInput.scss';
type IconInputProps = InputProps & { icon: IconProp };
type IconInputProps = InputProps & {
icon: IconProp;
};
export const IconInput: FC<IconInputProps> = ({ icon, className, ...rest }) => {
const ref = useRef<{ input: HTMLInputElement }>();
const ref = useElementRef<HTMLInputElement>();
const classes = classNames('icon-input-container__input', className);
return (
<div className="icon-input-container">
<Input className={classes} {...rest} />
<Input className={classes} innerRef={ref} {...rest} />
<FontAwesomeIcon
icon={icon}
fixedWidth
className="icon-input-container__icon"
onClick={() => ref.current?.input.focus()}
onClick={() => ref.current?.focus()}
/>
</div>
);