Files
thegrapefruitsduo/client/src/Buttons/EditButton/EditButton.tsx
Lucas Jensen 5d67c0c2b2 initial commit
2024-05-01 09:19:01 -07:00

27 lines
645 B
TypeScript

import { Button } from "react-bootstrap";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
import "./EditButton.css";
interface EditButtonProps {
setModalShow: React.Dispatch<React.SetStateAction<boolean>>;
faIcon: IconDefinition;
actionName?: string;
}
function EditButton(props: EditButtonProps) {
return (
<Button
className="edit-icon btn-edit"
onClick={() => {
props.setModalShow(true);
}}
>
<FontAwesomeIcon icon={props.faIcon} />
{props.actionName}
</Button>
);
}
export default EditButton;