feat: register tariff for group pass & show alert

Refs: #UPS-5301
cultuurnet · Dec 16, 2024 · ecd1406 · ecd1406
1 parent 8efdf82
commit ecd1406
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 11 deletions.
diff --git a/src/mobile/feature-saving/components/GroupPass.tsx b/src/mobile/feature-saving/components/GroupPass.tsx
@@ -4,12 +4,22 @@ import { Grouppass } from "@/shared/lib/dataAccess";
 import { useTranslation } from "@/shared/lib/utils/hooks";
 import { Stack, Typography, useTheme } from "@mui/material";
 import { OpportunityStateGrouppass } from "./OpportunityStateGrouppass";
+import { Alert } from "@/mobile/lib/ui";
 
 type GroupPassProps = {
   groupPass: Grouppass;
+  alertData?: {
+    alertType: "error" | "success";
+    message?: string;
+  };
+  firstCardEntry: boolean;
 };
 
-export const GroupPass = ({ groupPass }: GroupPassProps) => {
+export const GroupPass = ({
+  groupPass,
+  alertData,
+  firstCardEntry,
+}: GroupPassProps) => {
   const { t } = useTranslation();
   const theme = useTheme();
 
@@ -28,11 +38,11 @@ export const GroupPass = ({ groupPass }: GroupPassProps) => {
         <OpportunityStateGrouppass groupPass={groupPass} />
       </Stack>
 
-      {/* {alertData && (
+      {alertData && (
         <Alert type={alertData.alertType} newAlert={!firstCardEntry}>
           {alertData.message}
         </Alert>
-      )} */}
+      )}
     </Stack>
   );
 };
diff --git a/src/mobile/feature-saving/components/MobileSavingPage.tsx b/src/mobile/feature-saving/components/MobileSavingPage.tsx
@@ -104,7 +104,7 @@ export const MobileSavingPage = () => {
           setAlertData({
             alertType: "success",
             message: t("saving.mobile.tariff.discountRegistered", {
-              price: data.data.at(0)?.tariff.price,
+              price: (data.data.at(0)?.tariff?.price ?? 0) * data.data.length,
             }),
           });
         },
@@ -167,11 +167,13 @@ export const MobileSavingPage = () => {
         passHoldersData?.data.member?.[0]?.cardSystemMemberships?.[0]
           ?.uitpasNumber;
 
-    if (!uitpasNumber) return;
+    if (!uitpasNumber || !selectedActivity["@id"]) return;
+
+    if (!count) count = 1;
 
     postTicketSale({
-      data: Array.of({
-        eventId: getUuid(selectedActivity?.["@id"] ?? ""),
+      data: Array(count).fill({
+        eventId: getUuid(selectedActivity["@id"]),
         tariff: {
           id: tariffId,
         },
@@ -277,7 +279,11 @@ export const MobileSavingPage = () => {
           />
         ) : (
           groupPassHolder?.data.member?.[0] && (
-            <GroupPass groupPass={groupPassHolder?.data.member?.[0]} />
+            <GroupPass
+              groupPass={groupPassHolder?.data.member?.[0]}
+              firstCardEntry={firstCardEntry}
+              alertData={alertData}
+            />
           )
         )}
 

diff --git a/src/mobile/feature-saving/components/tariff/TariffCard.tsx b/src/mobile/feature-saving/components/tariff/TariffCard.tsx
@@ -114,10 +114,12 @@ export const TariffCard = ({
           <StepperField
             value={stepperCount}
             onChange={setStepperCount}
-            subtitle={t("saving.mobile.tariff.card.discountsAvailable", {
-              count: calculatedRemainingDiscounts,
+            {...(remainingDiscounts && {
+              subtitle: t("saving.mobile.tariff.card.discountsAvailable", {
+                count: calculatedRemainingDiscounts,
+              }),
+              maxValue: remainingDiscounts,
             })}
-            maxValue={remainingDiscounts}
           />
         </Box>
       )}