Add prices to purchase selection UIs

vibecamp · Mar 6, 2024 · 2dd9b6c · 2dd9b6c
1 parent 6447932
commit 2dd9b6c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/front-end/src/components/tickets/SelectionView.tsx b/front-end/src/components/tickets/SelectionView.tsx
@@ -41,7 +41,7 @@ export default observer((props: Props) => {
         }
 
         get attendancePurchaseOptions() {
-            return this.attendancePurchases.map(p => ({ label: p.description, value: p.purchase_type_id }))
+            return this.attendancePurchases.map(p => ({ label: `${p.description} ($${p.price_in_cents / 100})`, value: p.purchase_type_id }))
         }
 
         get emptySelection() {
@@ -143,7 +143,7 @@ export default observer((props: Props) => {
                         {state.otherPurchases.map(p =>
                             <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '8px 0' }} key={p.purchase_type_id}>
                                 <div>
-                                    {p.description}
+                                    {p.description} (${(p.price_in_cents / 100).toFixed(2)} each)
                                 </div>
 
                                 <Spacer size={24} />