Disable some actions while voting

vocdoni · Dec 1, 2023 · dd799a1 · dd799a1
1 parent 93919ca
commit dd799a1
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/packages/chakra-components/src/components/Election/Questions.tsx b/packages/chakra-components/src/components/Election/Questions.tsx
@@ -169,10 +169,16 @@ type QuestionFieldProps = ChakraProps & {
 
 const QuestionField = ({ question, index }: QuestionFieldProps) => {
   const styles = useMultiStyleConfig('ElectionQuestions')
-  const { election, isAbleToVote, localize } = useElection()
+  const {
+    election,
+    isAbleToVote,
+    localize,
+    loading: { voting },
+  } = useElection()
   const {
     formState: { errors },
   } = useFormContext()
+  const disabled = election?.status !== ElectionStatus.ONGOING || !isAbleToVote || voting
 
   return (
     <chakra.div __css={styles.question}>
@@ -190,11 +196,7 @@ const QuestionField = ({ question, index }: QuestionFieldProps) => {
             rules={{ required: localize('validation.required') }}
             name={index}
             render={({ field }) => (
-              <RadioGroup
-                sx={styles.radioGroup}
-                {...field}
-                isDisabled={election?.status !== ElectionStatus.ONGOING || !isAbleToVote}
-              >
+              <RadioGroup sx={styles.radioGroup} {...field} isDisabled={disabled}>
                 <Stack direction='column' sx={styles.stack}>
                   {question.choices.map((choice, ck) => (
                     <Radio key={ck} sx={styles.radio} value={choice.value.toString()}>

diff --git a/packages/chakra-components/src/components/Election/SpreadsheetAccess.tsx b/packages/chakra-components/src/components/Election/SpreadsheetAccess.tsx
@@ -25,7 +25,15 @@ export const SpreadsheetAccess = (rest: ChakraProps) => {
   const [loading, setLoading] = useState<boolean>(false)
   const toast = useToast()
   const { env, client: cl } = useClient()
-  const { election, setClient, localize, fetchCensus, sikPassword, sikSignature } = useElection()
+  const {
+    election,
+    setClient,
+    localize,
+    fetchCensus,
+    sikPassword,
+    sikSignature,
+    loading: { voting },
+  } = useElection()
   const fields: string[] = dotobject(election, 'meta.census.fields')
   const {
     register,
@@ -111,7 +119,7 @@ export const SpreadsheetAccess = (rest: ChakraProps) => {
 
   if (connected) {
     return (
-      <Button onClick={clearClient} sx={styles.disconnect}>
+      <Button onClick={clearClient} sx={styles.disconnect} isDisabled={voting}>
         {localize('spreadsheet.logout')}
       </Button>
     )