fix: correct typos for getFormattedCurrency / getFormattedCurrencySymbol

Plant-for-the-Planet-org · Dec 3, 2024 · 9e8b60b · 9e8b60b
1 parent 99e0b3b
commit 9e8b60b
Show file tree

Hide file tree

Showing 14 changed files with 40 additions and 40 deletions.
diff --git a/src/Donations/Components/ContactsForm.tsx b/src/Donations/Components/ContactsForm.tsx
@@ -12,7 +12,7 @@ import themeProperties from "../../../styles/themeProperties";
 import { ThemeContext } from "../../../styles/themeContext";
 import { useAuth0 } from "@auth0/auth0-react";
 import { useRouter } from "next/router";
-import getFormatedCurrency from "src/Utils/getFormattedCurrency";
+import getFormattedCurrency from "src/Utils/getFormattedCurrency";
 import { DONATE, PAYMENT } from "src/Utils/donationStepConstants";
 import { ContactDetails } from "@planet-sdk/common";
 import { AddressCandidate, GeocodeSuggestion } from "src/Common/Types/arcgis";
@@ -588,7 +588,7 @@ function ContactsForm(): ReactElement {
             >
               {paymentSetup &&
                 t("donate_button", {
-                  totalCost: getFormatedCurrency(
+                  totalCost: getFormattedCurrency(
                     i18n.language,
                     currency,
                     paymentSetup.unitCost * quantity

diff --git a/src/Donations/Components/DonationsForm.tsx b/src/Donations/Components/DonationsForm.tsx
@@ -2,7 +2,7 @@ import React, { ReactElement } from "react";
 import { QueryParamContext } from "../../Layout/QueryParamContext";
 import GiftForm from "../Micros/GiftForm";
 import { useTranslation } from "next-i18next";
-import getFormatedCurrency from "../../Utils/getFormattedCurrency";
+import getFormattedCurrency from "../../Utils/getFormattedCurrency";
 import { getMinimumAmountForCurrency } from "../../Utils/getExchange";
 import { formatAmountForStripe } from "../../Utils/stripe/stripeHelpers";
 import { NativePay } from "../PaymentMethods/PaymentRequestCustomButton";
@@ -257,7 +257,7 @@ function DonationsForm(): ReactElement {
         break;
       case "funds":
         paymentLabel = t("fundingPaymentLabel", {
-          amount: getFormatedCurrency(
+          amount: getFormattedCurrency(
             i18n.language,
             currency,
             paymentSetup.unitCost * quantity
@@ -266,7 +266,7 @@ function DonationsForm(): ReactElement {
         break;
       case "planet-cash":
         paymentLabel = t("pcashPaymentLabel", {
-          amount: getFormatedCurrency(
+          amount: getFormattedCurrency(
             i18n.language,
             currency,
             paymentSetup.unitCost * quantity
@@ -276,7 +276,7 @@ function DonationsForm(): ReactElement {
       case "bouquet":
       case "conservation":
         paymentLabel = t("bouquetPaymentLabel", {
-          amount: getFormatedCurrency(
+          amount: getFormattedCurrency(
             i18n.language,
             currency,
             paymentSetup.unitCost * quantity
@@ -466,7 +466,7 @@ function DonationsForm(): ReactElement {
                   <p className={"text-danger mt-20 text-center"}>
                     {t("minDonate")}{" "}
                     <span>
-                      {getFormatedCurrency(i18n.language, currency, minAmt)}
+                      {getFormattedCurrency(i18n.language, currency, minAmt)}
                     </span>
                   </p>
                 ) : (

diff --git a/src/Donations/Components/PaymentsForm.tsx b/src/Donations/Components/PaymentsForm.tsx
@@ -7,7 +7,7 @@ import { apiRequest } from "../../Utils/api";
 import PaymentProgress from "../../Common/ContentLoaders/Donations/PaymentProgress";
 import { Elements } from "@stripe/react-stripe-js";
 import getStripe from "../../Utils/stripe/getStripe";
-import getFormatedCurrency from "../../Utils/getFormattedCurrency";
+import getFormattedCurrency from "../../Utils/getFormattedCurrency";
 import {
   createDonationFunction,
   payDonationFunction,
@@ -419,7 +419,7 @@ function PaymentsForm(): ReactElement {
                 <Elements stripe={stripePromise}>
                   <CardPayments
                     donorDetails={contactDetails}
-                    totalCost={getFormatedCurrency(
+                    totalCost={getFormattedCurrency(
                       i18n.language,
                       currency,
                       paymentSetup?.unitCost * quantity

diff --git a/src/Donations/LeftPanel/TransactionSummary.tsx b/src/Donations/LeftPanel/TransactionSummary.tsx
@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 import { useTranslation } from "next-i18next";
-import getFormatedCurrency from "src/Utils/getFormattedCurrency";
+import getFormattedCurrency from "src/Utils/getFormattedCurrency";
 import { getFormattedNumber } from "src/Utils/getFormattedNumber";
 import { PaymentOptions, UnitType } from "src/Common/Types";
 import styles from "./LeftPanel.module.scss";
@@ -68,7 +68,7 @@ const TransactionSummary = ({
     <div className={styles["transaction-summary"]}>
       {t("donating")}{" "}
       <strong>
-        {getFormatedCurrency(
+        {getFormattedCurrency(
           i18n.language,
           currency,
           paymentSetup.unitCost * quantity

diff --git a/src/Donations/Micros/DonationAmount.tsx b/src/Donations/Micros/DonationAmount.tsx
@@ -1,6 +1,6 @@
 import React, { ReactElement } from "react";
 import { QueryParamContext } from "../../Layout/QueryParamContext";
-import getFormatedCurrency from "../../Utils/getFormattedCurrency";
+import getFormattedCurrency from "../../Utils/getFormattedCurrency";
 import { getFormattedNumber } from "../../Utils/getFormattedNumber";
 import TreeCostLoader from "../../Common/ContentLoaders/TreeCostLoader";
 import { useTranslation } from "next-i18next";
@@ -15,7 +15,7 @@ function DonationAmount(): ReactElement {
       {paymentSetup && paymentSetup.unitCost ? (
         <div className={"w-100 text-center text-bold mt-20"}>
           <span className={"text-primary"} style={{ marginRight: "4px" }}>
-            {getFormatedCurrency(
+            {getFormattedCurrency(
               i18n.language,
               currency,
               paymentSetup.unitCost * quantity

diff --git a/src/Donations/Micros/DonationTypes/BouquetDonations.tsx b/src/Donations/Micros/DonationTypes/BouquetDonations.tsx
@@ -8,8 +8,8 @@ import React, {
 import { useTranslation } from "next-i18next";
 import { QueryParamContext } from "../../../Layout/QueryParamContext";
 import themeProperties from "../../../../styles/themeProperties";
-import getFormatedCurrency, {
-  getFormatedCurrencySymbol,
+import getFormattedCurrency, {
+  getFormattedCurrencySymbol,
 } from "../../../Utils/getFormattedCurrency";
 import DownArrowIcon from "../../../../public/assets/icons/DownArrowIcon";
 import TreeCostLoader from "../../../Common/ContentLoaders/TreeCostLoader";
@@ -160,7 +160,7 @@ function BouquetDonations({ setopenCurrencyModal }: Props): ReactElement {
                     <span style={{ fontSize: "18px" }}>
                       {paymentSetup.purpose === "conservation"
                         ? option.quantity
-                        : getFormatedCurrency(
+                        : getFormattedCurrency(
                             i18n.language,
                             currency,
                             option.quantity * paymentSetup.unitCost
@@ -193,7 +193,7 @@ function BouquetDonations({ setopenCurrencyModal }: Props): ReactElement {
                         }}
                       >
                         {paymentSetup.purpose === "bouquet"
-                          ? getFormatedCurrencySymbol(currency)
+                          ? getFormattedCurrencySymbol(currency)
                           : []}
                       </p>
                       <input
@@ -281,7 +281,7 @@ function BouquetDonations({ setopenCurrencyModal }: Props): ReactElement {
               <DownArrowIcon color={themeProperties.primaryColor} />
             )}
             {paymentSetup.purpose === "conservation"
-              ? getFormatedCurrency(
+              ? getFormattedCurrency(
                   i18n.language,
                   "",
                   Number(paymentSetup.unitCost)

diff --git a/src/Donations/Micros/DonationTypes/FundingDonations.tsx b/src/Donations/Micros/DonationTypes/FundingDonations.tsx
@@ -7,8 +7,8 @@ import React, {
 import { useTranslation } from "next-i18next";
 import { QueryParamContext } from "../../../Layout/QueryParamContext";
 import themeProperties from "../../../../styles/themeProperties";
-import getFormatedCurrency, {
-  getFormatedCurrencySymbol,
+import getFormattedCurrency, {
+  getFormattedCurrencySymbol,
 } from "../../../Utils/getFormattedCurrency";
 import DownArrowIcon from "../../../../public/assets/icons/DownArrowIcon";
 import TreeCostLoader from "../../../Common/ContentLoaders/TreeCostLoader";
@@ -164,7 +164,7 @@ function FundingDonations({ setopenCurrencyModal }: Props): ReactElement {
                         fontSize: option.caption ? "14px" : "18px",
                       }}
                     >
-                      {getFormatedCurrency(
+                      {getFormattedCurrency(
                         i18n.language,
                         currency,
                         option.quantity * paymentSetup.unitCost
@@ -195,7 +195,7 @@ function FundingDonations({ setopenCurrencyModal }: Props): ReactElement {
                           marginTop: "3px",
                         }}
                       >
-                        {getFormatedCurrencySymbol(currency)}
+                        {getFormattedCurrencySymbol(currency)}
                       </p>
                       <input
                         className={"funding-custom-tree-input"}

diff --git a/src/Donations/Micros/DonationTypes/TreeDonation.tsx b/src/Donations/Micros/DonationTypes/TreeDonation.tsx
@@ -7,7 +7,7 @@ import React, {
 import CustomIcon from "../../../../public/assets/icons/CustomIcon";
 import { QueryParamContext } from "../../../Layout/QueryParamContext";
 import DownArrowIcon from "../../../../public/assets/icons/DownArrowIcon";
-import getFormatedCurrency from "../../../Utils/getFormattedCurrency";
+import getFormattedCurrency from "../../../Utils/getFormattedCurrency";
 import themeProperties from "../../../../styles/themeProperties";
 import { useTranslation } from "next-i18next";
 import TreeCostLoader from "../../../Common/ContentLoaders/TreeCostLoader";
@@ -165,7 +165,7 @@ function TreeDonation({ setopenCurrencyModal }: Props): ReactElement {
             {!isPlanetCashActive && (
               <DownArrowIcon color={themeProperties.primaryColor} />
             )}
-            {getFormatedCurrency(
+            {getFormattedCurrency(
               i18n.language,
               "",
               Number(paymentSetup.unitCost)

diff --git a/src/Donations/Micros/PaymentStatus/ImageComponent.tsx b/src/Donations/Micros/PaymentStatus/ImageComponent.tsx
@@ -1,7 +1,7 @@
 import React, { ReactElement, RefObject } from "react";
 import { useTranslation } from "next-i18next";
 import { getFormattedNumber } from "src/Utils/getFormattedNumber";
-import getFormatedCurrency from "src/Utils/getFormattedCurrency";
+import getFormattedCurrency from "src/Utils/getFormattedCurrency";
 import getFormattedCurrency from "src/Utils/getFormattedCurrency";
 import { QueryParamContext } from "src/Layout/QueryParamContext";
 import { FetchedProjectDetails } from "src/Common/Types";
@@ -24,7 +24,7 @@ const ImageComponent = ({
   let currencyFormat = () => {};
   if (donation) {
     currencyFormat = () =>
-      getFormatedCurrency(i18n.language, donation.currency, donation.amount);
+      getFormattedCurrency(i18n.language, donation.currency, donation.amount);
   }
 
   const pluralProfileTypes = [

diff --git a/src/Donations/Micros/PaymentStatus/ThankyouMessage.tsx b/src/Donations/Micros/PaymentStatus/ThankyouMessage.tsx
@@ -1,6 +1,6 @@
 import React, { ReactElement } from "react";
 import { useTranslation } from "next-i18next";
-import getFormatedCurrency from "src/Utils/getFormattedCurrency";
+import getFormattedCurrency from "src/Utils/getFormattedCurrency";
 import { getFormattedNumber } from "src/Utils/getFormattedNumber";
 import { QueryParamContext } from "src/Layout/QueryParamContext";
 import { FetchedProjectDetails } from "src/Common/Types";
@@ -22,7 +22,7 @@ function ThankyouMessage({
   let currencyFormat = () => {};
   if (donation) {
     currencyFormat = () =>
-      getFormatedCurrency(
+      getFormattedCurrency(
         i18n.language,
         donation.currency,
         Number(donation.amount)

diff --git a/src/Donations/Micros/PaymentStatus/TransferDetails.tsx b/src/Donations/Micros/PaymentStatus/TransferDetails.tsx
@@ -8,7 +8,7 @@ import ReturnToButton from "./Components/ReturnToButton";
 import { Donation } from "@planet-sdk/common/build/types/donation";
 import { ReactElement } from "react";
 import { TFunction } from "next-i18next";
-import getFormatedCurrency from "src/Utils/getFormattedCurrency";
+import getFormattedCurrency from "src/Utils/getFormattedCurrency";
 
 interface TransferDetailsProps {
   donationID: string;
@@ -51,7 +51,7 @@ function TransferDetails({
           ? t("common:transferDetailsMessage")
           : t("common:recurrentTransferDetailsMsg", {
               frequency,
-              amount: getFormatedCurrency(
+              amount: getFormattedCurrency(
                 i18n.language,
                 donation.currency,
                 donation.amount

diff --git a/src/Donations/Micros/PlanetCashSelector.tsx b/src/Donations/Micros/PlanetCashSelector.tsx
@@ -4,7 +4,7 @@ import { FC, useContext, useEffect } from "react";
 import ToggleSwitch from "src/Common/InputTypes/ToggleSwitch";
 import { QueryParamContext } from "src/Layout/QueryParamContext";
 import { getCountryDataBy } from "src/Utils/countryUtils";
-import getFormatedCurrency from "src/Utils/getFormattedCurrency";
+import getFormattedCurrency from "src/Utils/getFormattedCurrency";
 
 // TODO - Sentry captureException;
 
@@ -144,7 +144,7 @@ const PlanetCashSelector: FC = () => {
                       : "-negative")
                   }
                 >
-                  {getFormatedCurrency(
+                  {getFormattedCurrency(
                     i18n.language,
                     profile.planetCash.currency,
                     profile.planetCash.balance / 100
@@ -163,7 +163,7 @@ const PlanetCashSelector: FC = () => {
                           : "-negative")
                       }
                     >
-                      {getFormatedCurrency(
+                      {getFormattedCurrency(
                         i18n.language,
                         profile.planetCash.currency,
                         profile.planetCash.creditLimit / 100
@@ -186,7 +186,7 @@ const PlanetCashSelector: FC = () => {
                     : "-negative")
                 }
               >
-                {getFormatedCurrency(
+                {getFormattedCurrency(
                   i18n.language,
                   profile.planetCash.currency,
                   profile.planetCash.balance / 100 +

diff --git a/src/Donations/PaymentMethods/PaymentMethodTabs.tsx b/src/Donations/PaymentMethods/PaymentMethodTabs.tsx
@@ -9,7 +9,7 @@ import BankIcon from "../../../public/assets/icons/donation/BankIcon";
 import { QueryParamContext } from "../../Layout/QueryParamContext";
 import { formatAmountForStripe } from "../../Utils/stripe/stripeHelpers";
 import { NativePay } from "./PaymentRequestCustomButton";
-import getFormatedCurrency from "src/Utils/getFormattedCurrency";
+import getFormattedCurrency from "src/Utils/getFormattedCurrency";
 import { PaymentMethod } from "@stripe/stripe-js/types/api/payment-methods";
 import { PaymentRequest } from "@stripe/stripe-js/types/stripe-js/payment-request";
 
@@ -104,7 +104,7 @@ export default function PaymentMethodTabs({
         break;
       case "funds":
         paymentLabel = t("fundingPaymentLabel", {
-          amount: getFormatedCurrency(
+          amount: getFormattedCurrency(
             i18n.language,
             currency,
             paymentSetup.unitCost * quantity
@@ -113,7 +113,7 @@ export default function PaymentMethodTabs({
         break;
       case "planet-cash":
         paymentLabel = t("pcashPaymentLabel", {
-          amount: getFormatedCurrency(
+          amount: getFormattedCurrency(
             i18n.language,
             currency,
             paymentSetup.unitCost * quantity
@@ -123,7 +123,7 @@ export default function PaymentMethodTabs({
       case "bouquet":
       case "conservation":
         paymentLabel = t("bouquetPaymentLabel", {
-          amount: getFormatedCurrency(
+          amount: getFormattedCurrency(
             i18n.language,
             currency,
             paymentSetup.unitCost * quantity

diff --git a/src/Utils/getFormattedCurrency.ts b/src/Utils/getFormattedCurrency.ts
@@ -1,4 +1,4 @@
-export default function getFormatedCurrency(
+export default function getFormattedCurrency(
   langCode: string,
   currency: string,
   number: number
@@ -19,7 +19,7 @@ export default function getFormatedCurrency(
   return formatter.format(number);
 }
 
-export function getFormatedCurrencySymbol(
+export function getFormattedCurrencySymbol(
   currency: string
 ): string | undefined {
   let options: Intl.NumberFormatOptions = {