fix: only check hidden if reveal is true, to correctly handle `re…

…veal` changes # Conflicts: # src/components/Input/Input.tsx
supabase · Mar 2, 2022 · e62d7e9 · e62d7e9
1 parent 9394b15
commit e62d7e9
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
@@ -65,7 +65,7 @@ function Input({
   ...props
 }: Props) {
   const [copyLabel, setCopyLabel] = useState('Copy')
-  const [hidden, setHidden] = useState(reveal)
+  const [hidden, setHidden] = useState(true)
 
   const __styles = styleHandler('input')
 
@@ -160,15 +160,15 @@ function Input({
           placeholder={placeholder}
           ref={inputRef}
           type={type}
-          value={hidden ? HIDDEN_PLACEHOLDER : value}
+          value={reveal && hidden ? HIDDEN_PLACEHOLDER : value}
           className={inputClasses.join(' ')}
           {...props}
         />
         {icon && <InputIconContainer icon={icon} />}
         {copy || error || actions ? (
           <div className={__styles.actions_container}>
             {error && <InputErrorIcon size={size} />}
-            {copy && !hidden ? (
+            {copy && !(reveal && hidden) ? (
               <Button
                 size="tiny"
                 type="default"
@@ -178,7 +178,7 @@ function Input({
                 {copyLabel}
               </Button>
             ) : null}
-            {hidden && reveal ? (
+            {reveal && hidden ? (
               <Button size="tiny" type="default" onClick={onReveal}>
                 Reveal
               </Button>