Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Moved to loading stripe dynamically to prevent it tracking without opening the donation modal

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-04-19 10:35:36 +10:00
parent 4555c9bf71
commit 1f20959940
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/modals/DonationModal.js
View File

@ -1,5 +1,4 @@
import React, { useState, useEffect } from "react";
import { loadStripe } from "@stripe/stripe-js";
import { Box, Label, Button, Flex, Radio, Text } from "theme-ui";
import { useLocation, useHistory } from "react-router-dom";
@ -27,15 +26,17 @@ function DonationModal({ isOpen, onRequestClose }) {
const [stripe, setStripe] = useState();
useEffect(() => {
if (showDonationForm) {
loadStripe("pk_live_MJjzi5djj524Y7h3fL5PNh4e00a852XD51")
.then((stripe) => {
setStripe(stripe);
setLoading(false);
})
.catch((err) => {
setError(err.message);
setLoading(false);
});
import("@stripe/stripe-js").then(({ loadStripe }) => {
loadStripe("pk_live_MJjzi5djj524Y7h3fL5PNh4e00a852XD51")
.then((stripe) => {
setStripe(stripe);
setLoading(false);
})
.catch((err) => {
setError(err.message);
setLoading(false);
});
});
}
}, [showDonationForm]);