From a15336d411eceb6a122879b418d54541ad80d346 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Louise=20Linn=C3=A9?= <linne.louise@gmail.com>
Date: Tue, 7 Nov 2023 16:06:57 +0100
Subject: [PATCH] Make avatar upload persists when going backwards in
 onboarding

---
 src/components/AvatarUploader.js | 4 +++-
 src/views/Onboarding.js          | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/AvatarUploader.js b/src/components/AvatarUploader.js
index 488c3941..879e232c 100644
--- 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
index 64b9dfcf..8b4a3870 100644
--- 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>