fix lint

packages/extension-ui/src/Popup/RestoreJson.tsx

@@ -47,7 +47,7 @@ export default function Upload (): React.ReactElement<Props> {
 
   const _onChangePass = useCallback(
     async (password: string): Promise<void> => {
-      const isPassValid = await jsonVerifyPassword(password)
+      const isPassValid = await jsonVerifyPassword(password);
 
       setPass({ isPassValid, password });
     }, []
@@ -79,8 +79,8 @@ export default function Upload (): React.ReactElement<Props> {
           name={isFileValid && json ? json.meta.name : null}
         />
         <InputFileWithLabel
-          isError={!isFileValid}
           accept={acceptedFormats}
+          isError={!isFileValid}
           label={'backup file'}
           onChange={_onChangeFile}
           withLabel

packages/extension-ui/src/components/InputFileWithLabel.tsx

@@ -9,133 +9,133 @@ import { formatNumber, isHex, u8aToString, hexToU8a } from '@polkadot/util';
 
 import Label from './Label';
 
+function classes (...classNames: (boolean | null | string | undefined)[]): string {
+  return classNames
+    .filter((className): boolean => !!className)
+    .join(' ');
+}
+
 export interface InputFileProps {
-	// Reference Example Usage: https://github.com/react-dropzone/react-dropzone/tree/master/examples/Accept
-	// i.e. MIME types: 'application/json, text/plain', or '.json, .txt'
-	className?: string;
-	accept?: string;
-	clearContent?: boolean;
-	convertHex?: boolean;
-	help?: React.ReactNode;
-	isDisabled?: boolean;
-	isError?: boolean;
-	label: string;
-	onChange?: (contents: Uint8Array, name: string) => void;
-	placeholder?: React.ReactNode | null;
-	withEllipsis?: boolean;
-	withLabel?: boolean;
+  // Reference Example Usage: https://github.com/react-dropzone/react-dropzone/tree/master/examples/Accept
+  // i.e. MIME types: 'application/json, text/plain', or '.json, .txt'
+  className?: string;
+  accept?: string;
+  clearContent?: boolean;
+  convertHex?: boolean;
+  help?: React.ReactNode;
+  isDisabled?: boolean;
+  isError?: boolean;
+  label: string;
+  onChange?: (contents: Uint8Array, name: string) => void;
+  placeholder?: React.ReactNode | null;
+  withEllipsis?: boolean;
+  withLabel?: boolean;
 }
 
 interface FileState {
-	name: string;
-	size: number;
+  name: string;
+  size: number;
 }
 
 const BYTE_STR_0 = '0'.charCodeAt(0);
 const BYTE_STR_X = 'x'.charCodeAt(0);
 const NOOP = (): void => undefined;
 
-function convertResult(result: ArrayBuffer, convertHex?: boolean): Uint8Array {
-	const data = new Uint8Array(result);
+function convertResult (result: ArrayBuffer, convertHex?: boolean): Uint8Array {
+  const data = new Uint8Array(result);
 
-	// this converts the input (if detected as hex), vai the hex conversion route
-	if (convertHex && data[0] === BYTE_STR_0 && data[1] === BYTE_STR_X) {
-		const hex = u8aToString(data);
+  // this converts the input (if detected as hex), vai the hex conversion route
+  if (convertHex && data[0] === BYTE_STR_0 && data[1] === BYTE_STR_X) {
+    const hex = u8aToString(data);
 
-		if (isHex(hex)) {
-			return hexToU8a(hex);
-		}
-	}
+    if (isHex(hex)) {
+      return hexToU8a(hex);
+    }
+  }
 
-	return data;
+  return data;
 }
 
-function InputFile({ accept, className = '', clearContent, convertHex, isDisabled, isError = false, label, onChange, placeholder }: InputFileProps): React.ReactElement<InputFileProps> {
-	const dropRef = createRef<DropzoneRef>();
-	const [file, setFile] = useState<FileState | undefined>();
-
-	const _onDrop = useCallback(
-		(files: File[]): void => {
-			files.forEach((file): void => {
-				const reader = new FileReader();
-
-				reader.onabort = NOOP;
-				reader.onerror = NOOP;
-
-				reader.onload = ({ target }: ProgressEvent<FileReader>): void => {
-					if (target && target.result) {
-						const name = file.name;
-						const data = convertResult(target.result as ArrayBuffer, convertHex);
-
-						onChange && onChange(data, name);
-						dropRef && setFile({
-							name,
-							size: data.length
-						});
-					}
-				};
-
-				reader.readAsArrayBuffer(file);
-			});
-		},
-		[convertHex, dropRef, onChange]
-	);
-
-	const dropZone = (
-		<Dropzone
-			accept={accept}
-			disabled={isDisabled}
-			multiple={false}
-			onDrop={_onDrop}
-			ref={dropRef}
-		>
-			{({ getInputProps, getRootProps }): JSX.Element => (
-				<div {...getRootProps({ className: classes('ui--InputFile', isError ? 'error' : '', className) })} >
-					<input {...getInputProps()} />
-					<em className='label' >
-						{
-							!file || clearContent
-								? placeholder || 'click to select or drag and drop the file here'
-								: placeholder || `${file.name} (${formatNumber(file.size)} bytes)`
-						}
-					</em>
-				</div>
-			)}
-		</Dropzone>
-	);
-
-	return label
-		? (
-			<Label
-				label={label}
-			>
-				{dropZone}
-			</Label>
-		)
-		: dropZone;
+function InputFile ({ accept, className = '', clearContent, convertHex, isDisabled, isError = false, label, onChange, placeholder }: InputFileProps): React.ReactElement<InputFileProps> {
+  const dropRef = createRef<DropzoneRef>();
+  const [file, setFile] = useState<FileState | undefined>();
+
+  const _onDrop = useCallback(
+    (files: File[]): void => {
+      files.forEach((file): void => {
+        const reader = new FileReader();
+
+        reader.onabort = NOOP;
+        reader.onerror = NOOP;
+
+        reader.onload = ({ target }: ProgressEvent<FileReader>): void => {
+          if (target && target.result) {
+            const name = file.name;
+            const data = convertResult(target.result as ArrayBuffer, convertHex);
+
+            onChange && onChange(data, name);
+            dropRef && setFile({
+              name,
+              size: data.length
+            });
+          }
+        };
+
+        reader.readAsArrayBuffer(file);
+      });
+    },
+    [convertHex, dropRef, onChange]
+  );
+
+  const dropZone = (
+    <Dropzone
+      accept={accept}
+      disabled={isDisabled}
+      multiple={false}
+      onDrop={_onDrop}
+      ref={dropRef}
+    >
+      {({ getInputProps, getRootProps }): JSX.Element => (
+        <div {...getRootProps({ className: classes('ui--InputFile', isError ? 'error' : '', className) })} >
+          <input {...getInputProps()} />
+          <em className='label' >
+            {
+              !file || clearContent
+                ? placeholder || 'click to select or drag and drop the file here'
+                : placeholder || `${file.name} (${formatNumber(file.size)} bytes)`
+            }
+          </em>
+        </div>
+      )}
+    </Dropzone>
+  );
+
+  return label
+    ? (
+      <Label
+        label={label}
+      >
+        {dropZone}
+      </Label>
+    )
+    : dropZone;
 }
 
 export default React.memo(styled(InputFile)`
-	border: 1px solid rgb(67, 68, 75);
-	background: rgb(17, 18, 24);
+  border: 1px solid rgb(67, 68, 75);
+  background: rgb(17, 18, 24);
   border-radius: 0.28571429rem;
   font-size: 1rem;
-	margin: 0.25rem 0;
-	color: rgb(255, 255, 255);
-	padding: 0.5rem 0.75rem;
-	overflow-wrap: anywhere;
+  margin: 0.25rem 0;
+  color: rgb(255, 255, 255);
+  padding: 0.5rem 0.75rem;
+  overflow-wrap: anywhere;
 
   &.error {
-		border-color: rgb(126, 53, 48);
+    border-color: rgb(126, 53, 48);
   }
 
   &:hover {
     cursor: pointer;
   }
 `);
-
-function classes(...classNames: (boolean | null | string | undefined)[]): string {
-	return classNames
-		.filter((className): boolean => !!className)
-		.join(' ');
-}