refactor: simplify and cleanup front-end

new-lamassu-admin/src/components/inputs/base/SecretInput.js

@@ -2,32 +2,34 @@ import React, { memo, useState } from 'react'
 
 import { TextInput } from '../base'
 
-const SecretInput = memo(({ value, onFocus, onBlur, ...props }) => {
-  const [focused, setFocused] = useState(false)
-  const isPasswordFilled = props.isPasswordFilled
-  const placeholder = '⚬ ⚬ ⚬ This field is set ⚬ ⚬ ⚬'
-  const innerOnFocus = event => {
-    setFocused(true)
-    onFocus && onFocus(event)
-  }
+const SecretInput = memo(
+  ({ value, onFocus, isPasswordFilled, onBlur, ...props }) => {
+    const [focused, setFocused] = useState(false)
+    const placeholder = '⚬ ⚬ ⚬ This field is set ⚬ ⚬ ⚬'
+    const innerOnFocus = event => {
+      setFocused(true)
+      onFocus && onFocus(event)
+    }
 
-  const innerOnBlur = event => {
-    setFocused(false)
-    onBlur && onBlur(event)
-  }
+    const innerOnBlur = event => {
+      setFocused(false)
+      onBlur && onBlur(event)
+    }
 
-  return (
-    <TextInput
-      {...props}
-      type="password"
-      onFocus={innerOnFocus}
-      onBlur={innerOnBlur}
-      value={value}
-      InputProps={{ value: value }}
-      InputLabelProps={{ shrink: isPasswordFilled || value || focused }}
-      placeholder={isPasswordFilled ? placeholder : ''}
-    />
-  )
-})
+    return (
+      <TextInput
+        {...props}
+        type="password"
+        onFocus={innerOnFocus}
+        onBlur={innerOnBlur}
+        isPasswordFilled={isPasswordFilled}
+        value={value}
+        InputProps={{ value: value }}
+        InputLabelProps={{ shrink: isPasswordFilled || value || focused }}
+        placeholder={isPasswordFilled ? placeholder : ''}
+      />
+    )
+  }
+)
 
 export default SecretInput