Make avatar upload persists when going backwards in onboarding

CirclesUBI · Nov 7, 2023 · a15336d · a15336d
1 parent 51c4cc2
commit a15336d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/AvatarUploader.js b/src/components/AvatarUploader.js
@@ -29,11 +29,12 @@ const AvatarUploader = ({
   handleUpload,
   onLoadingChange,
   showIndicatorRing,
+  presetUrl,
 }) => {
   const classes = useStyles();
 
   const [isOpenDialogUploadInfo, setIsOpenDialogUploadInfo] = useState(false);
-  const [avatarUploadUrl, setAvatarUploadUrl] = useState('');
+  const [avatarUploadUrl, setAvatarUploadUrl] = useState(presetUrl);
   const isLoading = useSelector((state) => state.isLoading);
 
   useEffect(() => {
@@ -75,6 +76,7 @@ const AvatarUploader = ({
 AvatarUploader.propTypes = {
   handleUpload: PropTypes.func,
   onLoadingChange: PropTypes.func.isRequired,
+  presetUrl: PropTypes.string,
   showIndicatorRing: PropTypes.bool,
 };
 

diff --git a/src/views/Onboarding.js b/src/views/Onboarding.js
@@ -317,7 +317,7 @@ const OnboardingStepUsername = ({ onDisabledChange, values, onChange }) => {
 
 const OnboardingStepAvatar = ({ onDisabledChange, onChange, values }) => {
   const classes = useStyles();
-  const [photoUploaded, setPhotoUploaded] = useState(false);
+  const [photoUploaded, setPhotoUploaded] = useState(values.avatarUrl != null);
 
   const handleUpload = (avatarUrl) => {
     onChange({
@@ -338,8 +338,8 @@ const OnboardingStepAvatar = ({ onDisabledChange, onChange, values }) => {
       <Box mt={4}>
         <AvatarUploader
           handleUpload={handleUpload}
-          value={values.avatarUrl}
           onLoadingChange={onDisabledChange}
+          presetUrl={values.avatarUrl}
         />
       </Box>
     </Box>