Function CustomButton

frontend/src/components/CustomButton/index.tsx:6–43

import {Link} from 'react-router-dom';

const CustomButton: React.FC<CustomButtonProps> = props => {
  const renderIcon = () => {
    return props.icon && <IconButton>props.icon</IconButton>;
  };

  const renderBtnContent = () => {
    return (
      <>
        {props.label}
        {renderIcon()}
      </>
    );
  };
  const button_component = (
    <Link to={props.href ? props.href : '#'}>
      <Button
        variant={props.variant}
        color={props.color}
        size={props.size}
        disabled={props.disabled || props.loading}
        onClick={props.onClick}
      >
        {renderBtnContent()}
      </Button>
    </Link>
  );
  return (
    <>
      {props.title ? (
        <Tooltip title={props.title} placement={props.placement}>
          {button_component}
        </Tooltip>
      ) : (
        button_component
      )}
    </>
  );
};

CustomButton.propTypes = {
  label: PropTypes.string.isRequired,