Show election title on vote package

src/components/Envelope/Detail.tsx

@@ -1,6 +1,6 @@
 import voteImage from '/images/vocdoni-vote.png'
 import { Flex, Image, Link, Tab, TabList, TabPanel, TabPanels, Text } from '@chakra-ui/react'
-import { VoteInfoResponse } from '@vocdoni/sdk'
+import { PublishedElection, VoteInfoResponse } from '@vocdoni/sdk'
 import { formatDistance } from 'date-fns'
 import { Trans, useTranslation } from 'react-i18next'
 import { generatePath, Link as RouterLink } from 'react-router-dom'
@@ -10,8 +10,8 @@ import { RoutePath } from '~constants'
 import { RouteParamsTabs } from '~components/Layout/RouteParamsTabs'
 import { DetailsGrid, GridItemProps } from '~components/Layout/DetailsGrid'
 import { processIdGridItem } from '~components/Transactions/TxDetails/SpecificTxDetails'
-import { Envelope } from '@vocdoni/chakra-components'
-import { ElectionProvider } from '@vocdoni/react-providers'
+import { Envelope, VotePackageType } from '@vocdoni/chakra-components'
+import { ElectionProvider, useElection } from '@vocdoni/react-providers'
 
 /**
  * Show envelope content
@@ -62,7 +62,7 @@ const EnvelopeDetail = ({
         <TabPanels>
           <TabPanel>
             <ElectionProvider id={envelope.electionID}>
-              <Envelope votePackage={envelope.package} />
+              <VotePackage votePackage={envelope.package} />
             </ElectionProvider>
           </TabPanel>
           <TabPanel>
@@ -77,6 +77,27 @@ const EnvelopeDetail = ({
   )
 }
 
+const VotePackage = ({ votePackage }: { votePackage: VotePackageType }) => {
+  const { t } = useTranslation()
+  const { election } = useElection()
+  if (!election || !(election instanceof PublishedElection)) return null
+
+  return (
+    <>
+      <Envelope votePackage={votePackage} />
+      <Text fontSize={'sm'} as='i'>
+        <Trans
+          i18nKey={'envelopes.from_election_title'}
+          components={{
+            a: <Link as={RouterLink} to={generatePath(RoutePath.Process, { pid: election.id, tab: null })} />,
+          }}
+          values={{ title: election.title.default }}
+        />
+      </Text>
+    </>
+  )
+}
+
 const EnvelopeDetailsGrid = (envelope: VoteInfoResponse) => {
   const { t } = useTranslation()
 

src/i18n/locales/ca.json

@@ -33,6 +33,7 @@
     "encryption_keys": "Claus de xifrat",
     "envelope_number": "Envelope nº {{num}}",
     "envelope_weight": "Pes del sobre",
+    "from_election_title": "From election: <a>{{ title }}</a>",
     "not_found": "Sobre no trobat",
     "on_transaction": "On Transaction",
     "overwrite_count": "Nombre de sobrescritures",

src/i18n/locales/en.json

@@ -32,6 +32,7 @@
     "encryption_keys": "Encryption keys",
     "envelope_number": "Envelope nº {{num}}",
     "envelope_weight": "Envelope weight",
+    "from_election_title": "From election: <a>{{title}}</a>",
     "not_found": "Envelope not found",
     "on_transaction": "On Transaction",
     "overwrite_count": "Overwrite count",

src/i18n/locales/es.json

@@ -33,6 +33,7 @@
     "encryption_keys": "Claves de cifrado",
     "envelope_number": "Envelope nº {{num}}",
     "envelope_weight": "Peso del sobre",
+    "from_election_title": "From election: <a>{{ title }}</a>",
     "not_found": "Sobre no encontrado",
     "on_transaction": "On Transaction",
     "overwrite_count": "Conteo de sobrescritura",