chore: hide token

Author: sanjam-deriv

src/features/dashboard/components/ApiTokenForm/CreateTokenField/index.tsx

@@ -18,13 +18,15 @@ type TCreateTokenField = {
   >;
   form_is_cleared: boolean;
   setFormIsCleared: Dispatch<SetStateAction<boolean>>;
+  setHideRestriction: Dispatch<SetStateAction<boolean>>;
 };
 
 const CreateTokenField = ({
   errors,
   register,
   form_is_cleared,
   setFormIsCleared,
+  setHideRestriction,
 }: TCreateTokenField) => {
   const { tokens } = useApiToken();
   const [input_value, setInputValue] = useState('');
@@ -49,6 +51,11 @@ const CreateTokenField = ({
   const disable_button = token_name_exists || Object.keys(errors).length > 0 || input_value === '';
   const error_border_active = token_name_exists || errors.name;
 
+  useEffect(() => {
+    if (error_border_active) {
+      setHideRestriction(true);
+    }
+  }, [error_border_active, setHideRestriction]);
   return (
     <React.Fragment>
       <div className={styles.step_title}>

src/features/dashboard/components/ApiTokenForm/api-token.form.tsx

@@ -162,6 +162,7 @@ const ApiTokenForm = (props: HTMLAttributes<HTMLFormElement>) => {
           errors={errors}
           form_is_cleared={form_is_cleared}
           setFormIsCleared={setFormIsCleared}
+          setHideRestriction={setHideRestrictions}
         />
         {!hiderestrictions && <TokenNameRestrictions />}
         <div className={styles.step_title}>