chore: fix linter issues

.prettierrc

@@ -1,6 +1,6 @@
 {
-    "trailingComma": "none",
-    "singleQuote": true,
-    "semi": false,
-    "tabWidth": 2
-  }
+  "trailingComma": "none",
+  "singleQuote": true,
+  "semi": false,
+  "tabWidth": 2
+}

package.json

@@ -97,8 +97,7 @@
   },
   "optionalDependencies": {
     "@types/node": "*",
-    "typescript": "*",
-    "webpack": "*"
+    "typescript": "*"
   },
   "files": [
     "dist"

src/components/ArrayTextField/ArrayTextField.js

@@ -109,7 +109,10 @@ const ArrayTextField = ({
 }
 
 ArrayTextField.propTypes = {
-  value: PropTypes.array
+  value: PropTypes.array,
+  onChange: PropTypes.func,
+  className: PropTypes.string,
+  ChipProps: PropTypes.object
 }
 
 ArrayTextField.defaultProps = {

src/components/BPJsonGenerator/BPJsonGenerator.js

@@ -52,6 +52,29 @@ const initData = {
   }
 }
 
+const defaultValidationState = {
+  candidate_name: {
+    isError: false,
+    message: 'Candidate Name is required'
+  },
+  email: {
+    isError: false,
+    message: 'Email is required'
+  },
+  website: {
+    isError: false,
+    message: 'Website is required'
+  },
+  code_of_conduct: {
+    isError: false,
+    message: 'Code of Conduct is required'
+  },
+  ownership_disclosure: {
+    isError: false,
+    message: 'Ownership Disclosure is required'
+  }
+}
+
 const useStyles = makeStyles((theme) => ({
   wrapper: {
     display: 'flex',
@@ -88,28 +111,9 @@ const BPJsonForm = ({ accountName, bpJson, onSubmit }) => {
   const [nodes, setNodes] = useState([])
   const [currentNodeIndex, setCurrentNodeIndex] = useState(null)
   const [shouldUpdateChain, setShouldUpdateChain] = useState(false)
-  const [requiredFieldsValidation, setRequiredFieldsValidation] = useState({
-    candidate_name: {
-      isError: false,
-      message: 'Candidate Name is required'
-    },
-    email: {
-      isError: false,
-      message: 'Email is required'
-    },
-    website: {
-      isError: false,
-      message: 'Website is required'
-    },
-    code_of_conduct: {
-      isError: false,
-      message: 'Code of Conduct is required'
-    },
-    ownership_disclosure: {
-      isError: false,
-      message: 'Ownership Disclosure is required'
-    }
-  })
+  const [requiredFieldsValidation, setRequiredFieldsValidation] = useState(
+    defaultValidationState
+  )
 
   const toCapitalCase = (string = '') => {
     return string

src/components/CreateAccount/CreateAccount.js

@@ -259,16 +259,16 @@ const AccountInfo = ({ onHandleSubmit, customBtnStyle }) => {
   return (
     <div>
       <Button
-        size='large'
-        color='secondary'
+        size="large"
+        color="secondary"
         onClick={handleOpen}
         className={customBtnStyle}
       >
         Create Account
       </Button>
       <Modal
-        aria-labelledby='transition-modal-title'
-        aria-describedby='transition-modal-description'
+        aria-labelledby="transition-modal-title"
+        aria-describedby="transition-modal-description"
         className={classes.modal}
         open={open}
         onClose={handleOpen}
@@ -279,20 +279,20 @@ const AccountInfo = ({ onHandleSubmit, customBtnStyle }) => {
         }}
       >
         <div className={classes.paper}>
-          <form noValidate autoComplete='off'>
+          <form noValidate autoComplete="off">
             <Grid
               container
-              direction='column'
-              justify='space-between'
+              direction="column"
+              justify="space-between"
               className={classes.root}
             >
               <div className={classes.deleteBtn}>
-                <Typography variant='h6' gutterBottom color='primary'>
+                <Typography variant="h6" gutterBottom color="primary">
                   Create Account
                 </Typography>
                 <IconButton
                   classes={{ root: classes.iconBtnPadding }}
-                  aria-label='delete'
+                  aria-label="delete"
                   onClick={() => setOpen(false)}
                 >
                   X
@@ -301,64 +301,61 @@ const AccountInfo = ({ onHandleSubmit, customBtnStyle }) => {
               <div className={classes.inputBox}>
                 <Grid item>
                   <TextField
-                    variant='filled'
+                    variant="filled"
                     fullWidth
                     error={Boolean(values.accountName.error)}
                     helperText={
                       values.accountName.error ? values.accountName.error : ''
                     }
-                    label='Account Name'
-                    placeholder='eoscrtest123'
+                    label="Account Name"
+                    placeholder="eoscrtest123"
                     required
-                    autoComplete='off'
-                    name='accountName'
+                    autoComplete="off"
+                    name="accountName"
                     onChange={handleChange}
                   />
                 </Grid>
                 <Grid item>
                   <TextField
-                    variant='filled'
+                    variant="filled"
                     fullWidth
                     error={Boolean(values.ownerPK.error)}
                     helperText={
                       values.ownerPK.error ? values.ownerPK.error : ''
                     }
-                    label='Owner Public Key'
-                    placeholder='EOS6MRyAjQq8ud7hVNYcfnVPJqcVpscN5So8BhtHuGYqET5GDW5CV'
+                    label="Owner Public Key"
+                    placeholder="EOS6MRyAjQq8ud7hVNYcfnVPJqcVpscN5So8BhtHuGYqET5GDW5CV"
                     required
-                    autoComplete='off'
-                    name='ownerPK'
+                    autoComplete="off"
+                    name="ownerPK"
                     onChange={handleChange}
                   />
                 </Grid>
                 <Grid item>
                   <TextField
-                    variant='filled'
+                    variant="filled"
                     fullWidth
                     error={Boolean(values.activePK.error)}
                     helperText={
                       values.activePK.error ? values.activePK.error : ''
                     }
-                    label='Active Public Key'
-                    placeholder='EOS6MRyAjQq8ud7hVNYcfnVPJqcVpscN5So8BhtHuGYqET5GDW5CV'
+                    label="Active Public Key"
+                    placeholder="EOS6MRyAjQq8ud7hVNYcfnVPJqcVpscN5So8BhtHuGYqET5GDW5CV"
                     required
-                    autoComplete='off'
-                    name='activePK'
+                    autoComplete="off"
+                    name="activePK"
                     onChange={handleChange}
                   />
                 </Grid>
                 <div className={classes.captcha}>
-                  <ReCAPTCHA
-                    sitekey={config.sitekey}
-                    onChange={(value) => console.log({ value })}
-                  />
+                  <ReCAPTCHA sitekey={config.sitekey} />
                 </div>
               </div>
               <div className={classes.btn}>
                 <Button
-                  size='large'
-                  variant='contained'
-                  color='secondary'
+                  size="large"
+                  variant="contained"
+                  color="secondary"
                   onClick={handleOnSubmit}
                 >
                   Create account

src/components/DropzoneHash/DropzoneHash.js

@@ -24,6 +24,8 @@ const useStyles = makeStyles((theme) => ({
     height: '100%'
   },
   dropzoneBox: {
+    width: '100%',
+    maxWidth: 620,
     height: '50vh',
     display: 'flex',
     justifyItems: 'center',
@@ -46,7 +48,7 @@ const DropzoneHash = ({ file, handleOnDropFile, deleteFile }) => {
         <CardContent>
           <Box
             display="flex"
-            flexDirection="column"
+            flexDirection="row"
             justifyContent="center"
             alignContent="center"
           >
@@ -99,14 +101,12 @@ const DropzoneHash = ({ file, handleOnDropFile, deleteFile }) => {
 
 DropzoneHash.propTypes = {
   handleOnDropFile: PropTypes.func,
-  sendButtonText: PropTypes.string,
   file: PropTypes.object,
   deleteFile: PropTypes.func
 }
 
 DropzoneHash.defaultProps = {
-  handleOnDropFile: () => {},
-  sendButtonText: 'Enviar'
+  handleOnDropFile: () => {}
 }
 
 export default DropzoneHash

src/components/VisualCertificate/VisualCertificate.js

@@ -182,7 +182,7 @@ const VisualCertificate = ({
 
 VisualCertificate.propTypes = {
   open: PropTypes.bool,
-  handleCose: PropTypes.func,
+  handleClose: PropTypes.func,
   txData: PropTypes.object,
   messages: PropTypes.object,
   title: PropTypes.string,

src/components/common/DropzoneBase.js

@@ -7,10 +7,11 @@ import Typography from '@material-ui/core/Typography'
 import Button from '@material-ui/core/Button'
 import * as CryptoJS from 'crypto-js'
 import { parseFile } from '../../utils/filereader'
-import { Box } from '@material-ui/core'
+import Box from '@material-ui/core/Box'
 import VerticalAlignTopIcon from '@material-ui/icons/VerticalAlignTop'
 import Snackbar from '@material-ui/core/Snackbar'
 import Alert from '@material-ui/lab/Alert'
+
 const SHA256_REGEX_VALIDATOR = /\b[A-Fa-f0-9]{64}\b/
 
 const DropzoneBox = styled(Box)({
@@ -19,7 +20,6 @@ const DropzoneBox = styled(Box)({
   backgroundColor: '#efefef',
   cursor: 'pointer',
   display: 'flex',
-  maxWidth: 620,
   flexDirection: 'column',
   justifyContent: 'space-evenly',
   border: 'dashed 1px #212121',
@@ -89,14 +89,16 @@ const DropzoneBase = ({
     } else fileChange(null)
   }
 
+  const handleInputClick = (e) => e.preventDefault()
+
   return (
-    <React.Fragment>
+    <Box width="100%" height="100%">
       {!progress ? (
         <DropzoneBox {...getRootProps()}>
           <input
             multiple="false"
             accept=".json,.csv,.xls,.docx"
-            onClick={(e) => e.preventDefault()}
+            onClick={handleInputClick}
             {...getInputProps()}
           />
           <Typography>
@@ -122,7 +124,7 @@ const DropzoneBase = ({
           {message.content}
         </Alert>
       </Snackbar>
-    </React.Fragment>
+    </Box>
   )
 }
 

src/utils/filereader.js

@@ -1,6 +1,7 @@
 export const parseFile = (file, callback, progress) => {
   const fileSize = file.size
   const chunkSize = 64 * 1024
+  const success = true
   let offset = 0
   let chunkReaderBlock = null
 
@@ -11,7 +12,7 @@ export const parseFile = (file, callback, progress) => {
       callback(evt.target.result)
     } else return callback(new Error('Ha ocurrido un error leyendo el archivo'))
 
-    if (offset >= fileSize) return callback(true)
+    if (offset >= fileSize) return callback(success)
 
     chunkReaderBlock(offset, chunkSize, file)
   }