Add not able to vote on confirmation modal

vocdoni · Oct 22, 2024 · 34d9d90 · 34d9d90
1 parent 5af2740
commit 34d9d90
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 2 deletions.
diff --git a/src/components/Process/ConfirmVoteModal.tsx b/src/components/Process/ConfirmVoteModal.tsx
@@ -17,11 +17,32 @@ export const ConfirmVoteModal = ({ elections, answers }: QuestionsConfirmationPr
       </ModalHeader>
       <ModalBody display='flex' flexDirection='column' gap={5} p={0} mb={2}>
         <Text>{t('process.spreadsheet.confirm.description')}</Text>
-        {Object.values(elections).map(({ election, voted, isAbleToVote }) => {
+        {Object.values(elections).map(({ election, isAbleToVote }) => {
           const canAbstain =
             election.resultsType.name === ElectionResultsTypeNames.MULTIPLE_CHOICE &&
             election.resultsType.properties.canAbstain
           const eAnswers = answers[election.id]
+          if (!isAbleToVote) {
+            return (
+              <Flex
+                flexDirection='column'
+                maxH='200px'
+                overflowY='scroll'
+                boxShadow='rgba(128, 128, 128, 0.42) 1px 1px 1px 1px'
+                px={2}
+                borderRadius='lg2'
+              >
+                <Box py={2}>
+                  <Text fontWeight='bold' whiteSpace='nowrap' mb={1}>
+                    {election.title.default}
+                  </Text>
+                  <Text fontWeight='bold' whiteSpace='nowrap' mb={1}>
+                    {t('vote.not_able_to_vote')}
+                  </Text>
+                </Box>
+              </Flex>
+            )
+          }
           return (
             <>
               <Flex

diff --git a/src/i18n/components.tsx b/src/i18n/components.tsx
@@ -28,6 +28,7 @@ export const translations = (t: TFunction<string, string>) => ({
     voted_description: t('cc.vote.voted_description').toString(),
     voted_description_multielection: t('cc.vote.voted_description_multielection').toString(),
     voted_title: t('cc.vote.voted_title').toString(),
+    not_able_to_vote: t('cc.vote.not_able_to_vote').toString(),
   },
   empty: t('cc.empty').toString(),
   errors: {

diff --git a/src/i18n/locales/ca.json b/src/i18n/locales/ca.json
@@ -78,9 +78,10 @@
       "button_update": "Torna a enviar el vot",
       "confirm": "Confirma les teves seleccions:",
       "sign": "Signa abans de votar",
+      "not_able_to_vote": "No pots votar en aquest procés",
       "voted_description": "Per verificar el teu vot, pots utilitzar aquesta identificació única: {{ id }}",
       "voted_description_multielection": "Per verificar el teu vot, pots utilitzar aquestes identificacions úniques: {{ ids }}",
-      "voted_title": "El teu vot s'ha registrat amb èxit!"
+      "voted_title": "El teu vot s'ha registrat amb èxit!",
     }
   },
   "copy": {

diff --git a/src/i18n/locales/es.json b/src/i18n/locales/es.json
@@ -78,6 +78,7 @@
       "button_update": "Reenviar voto",
       "confirm": "Confirma tus selecciones:",
       "sign": "Firma antes de votar",
+      "not_able_to_vote": "No puedes votar en este proceso",
       "voted_description": "Para verificar tu voto, puedes utilizar este identificador único: {{ id }}",
       "voted_description_multielection": "Para verificar tu voto, puedes utilizar estos identificadores únicos:  {{ ids }}",
       "voted_title": "¡Tu voto se ha registrado con éxito!"