Add VotingVoteModal

src/components/Process/View.tsx

@@ -8,6 +8,7 @@ import ProcessAside, { VoteButton } from './Aside'
 import { ChainedProcesses, ChainedResults } from './Chained'
 import Header from './Header'
 import { SuccessVoteModal } from './SuccessVoteModal'
+import VotingVoteModal from '~components/Process/VotingVoteModal'
 
 export const ProcessView = () => {
   const { t } = useTranslation()
@@ -146,7 +147,7 @@ export const ProcessView = () => {
       >
         <VoteButton />
       </Box>
-
+      <VotingVoteModal />
       <SuccessVoteModal />
     </Box>
   )

src/components/Process/VotingVoteModal.tsx

@@ -0,0 +1,26 @@
+import { useTranslation } from 'react-i18next'
+import { useElection } from '@vocdoni/react-providers'
+import { Modal, ModalBody, ModalContent, ModalOverlay, Spinner, Text, VStack } from '@chakra-ui/react'
+
+const VotingVoteModal = () => {
+  const { t } = useTranslation()
+  const {
+    loading: { voting },
+  } = useElection()
+
+  return (
+    <Modal isOpen={voting} onClose={() => {}}>
+      <ModalOverlay />
+      <ModalContent p='30px !important'>
+        <ModalBody>
+          <VStack>
+            <Spinner color='process.spinner' mb={5} w={10} h={10} />
+          </VStack>
+          <Text textAlign='center'>{t('process.voting')}</Text>
+        </ModalBody>
+      </ModalContent>
+    </Modal>
+  )
+}
+
+export default VotingVoteModal