III-5915 - Make a non selectable option

cultuurnet · Dec 11, 2023 · 89aa29d · 89aa29d
1 parent fdbb9e2
commit 89aa29d
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/src/i18n/de.json b/src/i18n/de.json
@@ -447,6 +447,7 @@
         "or_choose_other_organizer": "Fügen Sie eine Organisation hinzu",
         "choose_other_organizer": "Wählen Sie eine Organisation aus",
         "uitpas_cardsystems": "UiTPAS Kartensysteme",
+        "uitpas_select_distribution_key": "Wählen Sie einen Verteilungsschlüssel aus",
         "uitpas_alert": {
           "success": "Ihre Aktivität ist jetzt als UitPAS-Aktivität registriert.",
           "no_price": "Dies ist ein UiTPAS-Organisator. Fügen Sie einen <link1>Preis</link1> hinzu, um Ihre Veranstaltung als UiTPAS-Aktivität zu veröffentlichen.",

diff --git a/src/i18n/fr.json b/src/i18n/fr.json
@@ -449,6 +449,7 @@
         "or_choose_other_organizer": "Ou ajouter une nouvelle organisation",
         "choose_other_organizer": "Ajouter une nouvelle organisation",
         "uitpas_cardsystems": "UiTPAS systèmes de cartes",
+        "uitpas_select_distribution_key": "Sélectionnez une clé de distribution",
         "uitpas_alert": {
           "success": "Votre activité est désormais enregistrée en tant qu'activité UitPAS.",
           "no_price": "Ceci est un organisateur UiTPAS. Ajoutez <link1>un prix</link1> pour publier votre événement en tant qu'activité UiTPAS.",

diff --git a/src/i18n/nl.json b/src/i18n/nl.json
@@ -449,6 +449,7 @@
         "or_choose_other_organizer": "Of een nieuwe organisatie toevoegen",
         "choose_other_organizer": "Een nieuwe organisatie toevoegen",
         "uitpas_cardsystems": "UiTPAS Kaartsystemen",
+        "uitpas_select_distribution_key": "Selecteer een verdeelsleutel",
         "uitpas_alert": {
           "success": "Je activiteit is nu geregistreerd als UiTPAS activiteit.",
           "no_price": "Dit is een UiTPAS organisator. Voeg een <link1>prijs</link1> toe om je evenement te publiceren als UiTPAS activiteit.",

diff --git a/src/pages/steps/AdditionalInformationStep/OrganizerStep.tsx b/src/pages/steps/AdditionalInformationStep/OrganizerStep.tsx
@@ -299,6 +299,10 @@ const OrganizerStep = ({
     });
   };
 
+  const hasSelectedDistributionKey = selectedCardSystems.some(
+    (selectedCardSystem) => selectedCardSystem.distributionKeys.length > 0,
+  );
+
   return (
     <Stack {...getStackProps(props)} spacing={5}>
       <Stack>
@@ -416,6 +420,11 @@ const OrganizerStep = ({
                     })
                   }
                 >
+                  <option selected={!hasSelectedDistributionKey} disabled>
+                    {t(
+                      'create.additionalInformation.organizer.uitpas_select_distribution_key',
+                    )}
+                  </option>
                   {Object.values(cardSystem.distributionKeys).map(
                     (distributionKey) => (
                       <option