refactor: migrate DeleteComponentButton to TypeScript (#18136)

* refactor: migrate DeleteComponentButton to TypeScript

* chore: fix typings

* chore: onDelete default value

* chore: removed props export

* chore: removed onDelete default value

* refactor: functional component
This commit is contained in:
Hesoyam 2022-02-11 17:42:19 +03:30 committed by GitHub
parent 9f678e55b9
commit d409d68e7f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 16 deletions

View File

@ -16,25 +16,16 @@
* specific language governing permissions and limitations
* under the License.
*/
import React from 'react';
import PropTypes from 'prop-types';
import React, { MouseEventHandler } from 'react';
import Icons from 'src/components/Icons';
import IconButton from './IconButton';
const propTypes = {
onDelete: PropTypes.func.isRequired,
type DeleteComponentButtonProps = {
onDelete: MouseEventHandler<HTMLDivElement>;
};
const defaultProps = {};
const DeleteComponentButton: React.FC<DeleteComponentButtonProps> = ({
onDelete,
}) => <IconButton onClick={onDelete} icon={<Icons.Trash iconSize="xl" />} />;
export default class DeleteComponentButton extends React.PureComponent {
render() {
const { onDelete } = this.props;
return (
<IconButton onClick={onDelete} icon={<Icons.Trash iconSize="xl" />} />
);
}
}
DeleteComponentButton.propTypes = propTypes;
DeleteComponentButton.defaultProps = defaultProps;
export default DeleteComponentButton;