@churchapps/apphelper 0.1.4 → 0.1.5

package/src/donationComponents/components/FundDonations.tsx

@@ -1,39 +1,39 @@
-import React from "react";
-import { FundDonation } from ".";
-import { FundDonationInterface, FundInterface } from "../../interfaces";
-
-interface Props { fundDonations: FundDonationInterface[], funds: FundInterface[], updatedFunction: (fundDonations: FundDonationInterface[]) => void }
-
-export const FundDonations: React.FC<Props> = (props) => {
-  const handleUpdated = (fundDonation: FundDonationInterface, index: number) => {
-    let fundDonations = [...props.fundDonations];
-    fundDonations[index] = fundDonation;
-    props.updatedFunction(fundDonations);
-  }
-
-  const addRow = (e: React.MouseEvent) => {
-    e.preventDefault();
-    let fundDonations = [...props.fundDonations];
-    let fd = { fundId: props.funds[0].id } as FundDonationInterface;
-    fundDonations.push(fd);
-    props.updatedFunction(fundDonations);
-  }
-
-  const getRows = () => {
-    let result = [];
-    for (let i = 0; i < props.fundDonations.length; i++) {
-      let fd = props.fundDonations[i];
-      result.push(<FundDonation fundDonation={fd} funds={props.funds} updatedFunction={handleUpdated} key={i} index={i} />)
-    }
-
-    return result;
-  }
-
-  return (
-    <>
-      {getRows()}
-      <a href="about:blank" aria-label="add-fund-donation" className="text-decoration" style={{ display: "block", marginBottom: "15px" }} onClick={addRow}>Add more</a>
-    </>
-  );
-}
-
+import React from "react";
+import { FundDonation } from ".";
+import { FundDonationInterface, FundInterface } from "../../interfaces";
+
+interface Props { fundDonations: FundDonationInterface[], funds: FundInterface[], updatedFunction: (fundDonations: FundDonationInterface[]) => void }
+
+export const FundDonations: React.FC<Props> = (props) => {
+  const handleUpdated = (fundDonation: FundDonationInterface, index: number) => {
+    let fundDonations = [...props.fundDonations];
+    fundDonations[index] = fundDonation;
+    props.updatedFunction(fundDonations);
+  }
+
+  const addRow = (e: React.MouseEvent) => {
+    e.preventDefault();
+    let fundDonations = [...props.fundDonations];
+    let fd = { fundId: props.funds[0].id } as FundDonationInterface;
+    fundDonations.push(fd);
+    props.updatedFunction(fundDonations);
+  }
+
+  const getRows = () => {
+    let result = [];
+    for (let i = 0; i < props.fundDonations.length; i++) {
+      let fd = props.fundDonations[i];
+      result.push(<FundDonation fundDonation={fd} funds={props.funds} updatedFunction={handleUpdated} key={i} index={i} />)
+    }
+
+    return result;
+  }
+
+  return (
+    <>
+      {getRows()}
+      <a href="about:blank" aria-label="add-fund-donation" className="text-decoration" style={{ display: "block", marginBottom: "15px" }} onClick={addRow}>Add more</a>
+    </>
+  );
+}
+

package/src/donationComponents/components/NonAuthDonation.tsx

@@ -1,31 +1,31 @@
-import React from "react";
-import { Elements } from "@stripe/react-stripe-js";
-import { loadStripe, Stripe } from "@stripe/stripe-js";
-import { ApiHelper } from "../../helpers";
-import { NonAuthDonationInner } from "./NonAuthDonationInner";
-import { PaperProps } from "@mui/material";
-
-interface Props { churchId: string, mainContainerCssProps?: PaperProps, showHeader?: boolean, recaptchaSiteKey: string, churchLogo?: string }
-
-export const NonAuthDonation: React.FC<Props> = ({ mainContainerCssProps, showHeader, ...props }) => {
-  const [stripePromise, setStripe] = React.useState<Promise<Stripe>>(null);
-
-  const init = () => {
-    ApiHelper.get("/gateways/churchId/" + props.churchId, "GivingApi").then(data => {
-      if (data.length && data[0]?.publicKey) {
-        setStripe(loadStripe(data[0].publicKey));
-      }
-    });
-  }
-
-  React.useEffect(init, []); //eslint-disable-line
-
-  return (
-    <>
-      <Elements stripe={stripePromise}>
-        <NonAuthDonationInner churchId={props.churchId} mainContainerCssProps={mainContainerCssProps} showHeader={showHeader} recaptchaSiteKey={props.recaptchaSiteKey} churchLogo={props?.churchLogo} />
-      </Elements>
-    </>
-  );
-}
-
+import React from "react";
+import { Elements } from "@stripe/react-stripe-js";
+import { loadStripe, Stripe } from "@stripe/stripe-js";
+import { ApiHelper } from "../../helpers";
+import { NonAuthDonationInner } from "./NonAuthDonationInner";
+import { PaperProps } from "@mui/material";
+
+interface Props { churchId: string, mainContainerCssProps?: PaperProps, showHeader?: boolean, recaptchaSiteKey: string, churchLogo?: string }
+
+export const NonAuthDonation: React.FC<Props> = ({ mainContainerCssProps, showHeader, ...props }) => {
+  const [stripePromise, setStripe] = React.useState<Promise<Stripe>>(null);
+
+  const init = () => {
+    ApiHelper.get("/gateways/churchId/" + props.churchId, "GivingApi").then(data => {
+      if (data.length && data[0]?.publicKey) {
+        setStripe(loadStripe(data[0].publicKey));
+      }
+    });
+  }
+
+  React.useEffect(init, []); //eslint-disable-line
+
+  return (
+    <>
+      <Elements stripe={stripePromise}>
+        <NonAuthDonationInner churchId={props.churchId} mainContainerCssProps={mainContainerCssProps} showHeader={showHeader} recaptchaSiteKey={props.recaptchaSiteKey} churchLogo={props?.churchLogo} />
+      </Elements>
+    </>
+  );
+}
+