Merge pull request #1858 from Giveth/1857_remove_donation_being_proce…

…ssed_toast_when_tx_is_mined

remove donation being processed toast when tx is mined

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "givethdapp",
-	"version": "2.5.1",
+	"version": "2.5.2",
 	"private": true,
 	"scripts": {
 		"build": "next build",

src/components/modals/DonateModal.tsx

@@ -65,15 +65,16 @@ const DonateModal = (props: IDonateModalProps) => {
 	const dispatch = useAppDispatch();
 	const { isAnimating, closeModal } = useModalAnimation(setShowModal);
 	const isDonatingToGiveth = donationToGiveth > 0;
-
 	const { formatMessage } = useIntl();
+
 	const [donating, setDonating] = useState(false);
 	const [firstDonationSaved, setFirstDonationSaved] = useState(false);
 	const [secondDonationSaved, setSecondDonationSaved] = useState(false);
 	const [firstTxHash, setFirstTxHash] = useState('');
 	const [secondTxHash, setSecondTxHash] = useState('');
 	const [isFirstTxSuccess, setIsFirstTxSuccess] = useState(false);
 	const [secondTxStatus, setSecondTxStatus] = useState<EToastType>();
+	const [processFinished, setProcessFinished] = useState(false);
 	const [failedModalType, setFailedModalType] =
 		useState<EDonationFailedType>();
 
@@ -111,6 +112,8 @@ const DonateModal = (props: IDonateModalProps) => {
 	};
 
 	const delayedCloseModal = (txHash1: string, txHash2?: string) => {
+		setProcessFinished(true);
+		setDonating(false);
 		const txHash = txHash2 ? [txHash1, txHash2] : [txHash1];
 		setTimeout(() => {
 			closeModal();
@@ -278,7 +281,7 @@ const DonateModal = (props: IDonateModalProps) => {
 						)}
 					</DonatingBox>
 					<Buttons>
-						{firstDonationSaved && (
+						{firstDonationSaved && !processFinished && (
 							<InlineToast
 								type={EToastType.Info}
 								message={formatMessage({
@@ -289,7 +292,7 @@ const DonateModal = (props: IDonateModalProps) => {
 						<DonateButton
 							loading={donating}
 							buttonType='primary'
-							disabled={donating}
+							disabled={donating || processFinished}
 							label={
 								donating
 									? formatMessage({ id: 'label.donating' })
@@ -375,11 +378,4 @@ const Buttons = styled.div`
 	}
 `;
 
-const CloseButton = styled(Button)`
-	margin: 5px 0 0 0;
-	:hover {
-		background: transparent;
-	}
-`;
-
 export default DonateModal;