2023-02-07 20:04:50 +00:00
|
|
|
import "./BackButton.css";
|
2023-02-08 21:10:26 +00:00
|
|
|
import { useIntl } from "react-intl";
|
2023-01-26 07:25:05 +00:00
|
|
|
|
|
|
|
import ArrowBack from "Icons/ArrowBack";
|
|
|
|
|
2023-02-08 21:10:26 +00:00
|
|
|
import messages from "./messages";
|
|
|
|
|
2023-02-06 21:42:47 +00:00
|
|
|
interface BackButtonProps {
|
2023-02-07 20:04:50 +00:00
|
|
|
text?: string;
|
|
|
|
onClick?(): void;
|
2023-02-06 21:42:47 +00:00
|
|
|
}
|
|
|
|
|
2023-02-08 21:10:26 +00:00
|
|
|
const BackButton = ({ text, onClick }: BackButtonProps) => {
|
|
|
|
const { formatMessage } = useIntl();
|
2023-02-06 21:42:47 +00:00
|
|
|
const onClickHandler = () => {
|
|
|
|
if (onClick) {
|
2023-02-07 20:04:50 +00:00
|
|
|
onClick();
|
2023-02-06 21:42:47 +00:00
|
|
|
}
|
2023-02-07 20:04:50 +00:00
|
|
|
};
|
2023-01-26 07:25:05 +00:00
|
|
|
|
|
|
|
return (
|
2023-02-06 21:42:47 +00:00
|
|
|
<button className="back-button" type="button" onClick={onClickHandler}>
|
2023-02-07 20:04:50 +00:00
|
|
|
<ArrowBack />
|
2023-02-08 21:10:26 +00:00
|
|
|
{text || formatMessage(messages.Back)}
|
2023-01-26 07:25:05 +00:00
|
|
|
</button>
|
2023-02-07 20:04:50 +00:00
|
|
|
);
|
|
|
|
};
|
2023-01-26 07:25:05 +00:00
|
|
|
|
2023-02-07 20:04:50 +00:00
|
|
|
export default BackButton;
|