Add support for Euros

bundles/@types/global.d.ts

@@ -4,5 +4,6 @@ declare global {
   interface Window {
     AdminApp: any;
     TrackerApp: any;
+    currency: string;
   }
 }

bundles/public/util/currency.ts

@@ -1,5 +1,16 @@
 export function asCurrency(amount: string | number) {
-  return `$${Number(amount).toFixed(2)}`;
+  const currency = getCurrencySymbol();
+
+  return `${currency}${Number(amount).toFixed(2)}`;
+}
+
+export function getCurrencySymbol(): string {
+  switch (window.currency.toUpperCase()) {
+    case 'EUR':
+      return '€';
+    default:
+      return '$';
+  }
 }
 
 export function parseCurrency(amount?: string) {

bundles/tracker/donation/components/Donate.tsx

@@ -93,6 +93,7 @@ const Donate = (props: DonateProps) => {
     updateDonation,
   ]);
   const updateComment = React.useCallback((comment: string) => updateDonation({ comment }), [updateDonation]);
+  const currencySymbol = CurrencyUtils.getCurrencySymbol();
 
   return (
     <Container>
@@ -169,7 +170,8 @@ const Donate = (props: DonateProps) => {
               key={amountPreset}
               look={Button.Looks.OUTLINED}
               onClick={updateAmountPreset(amountPreset)}>
-              ${amountPreset}
+              {currencySymbol}
+              {amountPreset}
             </Button>
           ))}
         </div>

bundles/tracker/donation/components/DonateInitializer.tsx

@@ -56,6 +56,7 @@ type DonateInitializerProps = {
   };
   initialIncentives: InitialIncentive[];
   event: {
+    paypalcurrency: string;
     receivername: string;
   };
   step: number;
@@ -115,6 +116,8 @@ const DonateInitializer = (props: DonateInitializerProps) => {
       };
     });
 
+    window.currency = event.paypalcurrency;
+
     dispatch(
       EventDetailsActions.loadEventDetails({
         csrfToken,

bundles/uikit/CurrencyInput.tsx

@@ -2,6 +2,8 @@ import * as React from 'react';
 import classNames from 'classnames';
 import ReactNumeric from 'react-numeric';
 
+import * as CurrencyUtils from '@public/util/currency';
+
 import InputWrapper, { InputWrapperPassthroughProps } from './InputWrapper';
 
 import styles from './CurrencyInput.mod.css';
@@ -20,6 +22,8 @@ type CurrencyInputProps = InputWrapperPassthroughProps & {
 // - entering thousandths or beyond
 // - formatting according to user's locale
 const CurrencyInput = (props: CurrencyInputProps) => {
+  const currencySymbol = CurrencyUtils.getCurrencySymbol();
+
   const {
     size = InputWrapper.Sizes.NORMAL,
     value,
@@ -28,7 +32,7 @@ const CurrencyInput = (props: CurrencyInputProps) => {
     name,
     label,
     hint,
-    leader = '$',
+    leader = currencySymbol,
     trailer,
     marginless = false,
     className,

tracker/migrations/0031_add_euros_to_donation_and_event.py

@@ -0,0 +1,23 @@
+# Generated by Django 3.2.20 on 2023-07-26 10:40
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('tracker', '0030_add_bid_chain'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='donation',
+            name='currency',
+            field=models.CharField(choices=[('USD', 'US Dollars'), ('CAD', 'Canadian Dollars'), ('EUR', 'Euros')], max_length=8, verbose_name='Currency'),
+        ),
+        migrations.AlterField(
+            model_name='event',
+            name='paypalcurrency',
+            field=models.CharField(choices=[('USD', 'US Dollars'), ('CAD', 'Canadian Dollars'), ('EUR', 'Euros')], default='USD', max_length=8, verbose_name='Currency'),
+        ),
+    ]

tracker/models/donation.py

@@ -24,7 +24,11 @@
     'DonorCache',
 ]
 
-_currencyChoices = (('USD', 'US Dollars'), ('CAD', 'Canadian Dollars'))
+_currencyChoices = (
+    ('USD', 'US Dollars'),
+    ('CAD', 'Canadian Dollars'),
+    ('EUR', 'Euros'),
+)
 
 DonorVisibilityChoices = (
     ('FULL', 'Fully Visible'),

tracker/models/event.py

@@ -29,7 +29,11 @@
 ]
 
 _timezoneChoices = [(x, x) for x in pytz.common_timezones]
-_currencyChoices = (('USD', 'US Dollars'), ('CAD', 'Canadian Dollars'))
+_currencyChoices = (
+    ('USD', 'US Dollars'),
+    ('CAD', 'Canadian Dollars'),
+    ('EUR', 'Euros'),
+)
 
 
 logger = logging.getLogger(__name__)