File input is cleared

Author: TOPOFGR

src/components/UserForm/index.jsx

@@ -12,18 +12,22 @@ import './UserForm.scss';
 import DatePicker from '../DatePicker';
 
 const UserForm = ({ isEditing, isProfile, user, setUser, action }) => {
-  const { loading } = useSelector(
+  const { loading, success } = useSelector(
     (state) => ({
       loading: state.users.loading,
+      success: state.users.success,
     }),
     shallowEqual
   );
 
   const dispatch = useDispatch();
 
   useEffect(() => {
+    if (success) {
+      setUser((prevState) => ({ ...prevState, file: null }));
+    }
     return () => dispatch(usersCleanUp());
-  }, [dispatch]);
+  }, [dispatch, success]);
 
   const onChangeHandler = useChangeHandler(setUser);