Enbales CSV login through URI hash

vocdoni · Dec 1, 2023 · 6102d38 · 6102d38
1 parent 93919ca
commit 6102d38
Showing 1 changed file with 25 additions and 3 deletions.
diff --git a/packages/chakra-components/src/components/Election/SpreadsheetAccess.tsx b/packages/chakra-components/src/components/Election/SpreadsheetAccess.tsx
@@ -15,8 +15,9 @@ import { ChakraProps, useMultiStyleConfig } from '@chakra-ui/system'
 import { useToast } from '@chakra-ui/toast'
 import { errorToString, useClient, useElection, walletFromRow } from '@vocdoni/react-providers'
 import { AnonymousService, ArchivedElection, dotobject, VocdoniSDKClient } from '@vocdoni/sdk'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
+import { Wallet } from '@ethersproject/wallet'
 
 export const SpreadsheetAccess = (rest: ChakraProps) => {
   const { isOpen, onOpen, onClose } = useDisclosure()
@@ -32,6 +33,27 @@ export const SpreadsheetAccess = (rest: ChakraProps) => {
     handleSubmit,
     formState: { errors },
   } = useForm<any>()
+  const isSpreadSheetorAndIsNotArchiveElection =
+    election?.get('census.type') === 'spreadsheet' && !(election instanceof ArchivedElection)
+
+  const pkey = window.location.hash ? window.location.hash.split('#')[1] : ''
+
+  // In case of spreadsheet census and a pkey provided intent to login automaticall
+  // Example usl with pkey:
+  // https://app.vocdoni.io/#0x1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcdef#0x1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcdef
+  useEffect(() => {
+    ;(async () => {
+      if (!isSpreadSheetorAndIsNotArchiveElection) return
+      if (pkey) {
+        let client = new VocdoniSDKClient({
+          env,
+          wallet: new Wallet(pkey),
+          electionId: election?.id,
+        })
+        setClient(client)
+      }
+    })()
+  }, [election, env, isSpreadSheetorAndIsNotArchiveElection, pkey])
 
   const onSubmit = async (vals: any) => {
     try {
@@ -107,7 +129,7 @@ export const SpreadsheetAccess = (rest: ChakraProps) => {
     message: localize('validation.min_length', { min: 8 }),
   }
 
-  if (election?.get('census.type') !== 'spreadsheet' || election instanceof ArchivedElection) return null
+  if (!isSpreadSheetorAndIsNotArchiveElection) return null
 
   if (connected) {
     return (
@@ -136,7 +158,7 @@ export const SpreadsheetAccess = (rest: ChakraProps) => {
                   <FormErrorMessage sx={styles.error}>{errors[key]?.message?.toString()}</FormErrorMessage>
                 </FormControl>
               ))}
-              {election.electionType.anonymous && (
+              {election?.electionType.anonymous && (
                 <FormControl isInvalid={!!errors.sik_password} sx={styles.sik_control}>
                   <FormLabel sx={styles.label}>{localize('spreadsheet.anon_sik_label')}</FormLabel>
                   <Input {...register('sik_password', { required, minLength })} type='password' sx={styles.input} />