Sets default img and functionality to upload img

AnWhiteM · Jun 15, 2024 · d811433 · d811433
1 parent eda0e03
commit d811433
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
@@ -64,9 +64,14 @@ export default function Header({ openSideBar, sideBarOpen }) {
                 <button className={css.button} onClick={() => openModal()}>
                   <span
                     className={`${css.avatarSmall} ${css.avatar}`}
-                    style={{
-                      backgroundImage: `url(${user.avatarURL})`,
-                    }}
+                    // style={{
+                    //   backgroundImage: `url(${user.avatarURL})`,
+                    // }}
+                    style={
+                      user.avatarURL
+                        ? { backgroundImage: `url(${user.avatarURL})` }
+                        : {}
+                    }
                   />
                 </button>
               </div>

diff --git a/src/components/UserEditModal/UserEditModal.jsx b/src/components/UserEditModal/UserEditModal.jsx
@@ -98,9 +98,11 @@ export default function UserEditModal({ onClose }) {
           <div className={css.avatarContainer}>
             <span
               className={`${css.avatarBig} ${css.avatar}`}
-              style={{
-                backgroundImage: `url(${user.avatarURL})`,
-              }}
+              style={
+                user.avatarURL
+                  ? { backgroundImage: `url(${user.avatarURL})` }
+                  : {}
+              }
             />
 
             <button

diff --git a/src/components/UserEditModal/UserEditModal.module.css b/src/components/UserEditModal/UserEditModal.module.css
@@ -65,7 +65,7 @@
 
 .plusBtn {
   border: none;
-  background-color: #bedbb0;
+  background-color: var(--green);
   border-radius: 4px;
   width: 24px;
   height: 24px;

diff --git a/src/redux/auth/operations.js b/src/redux/auth/operations.js
@@ -72,15 +72,10 @@ export const refreshUser = createAsyncThunk(
   }
 );
 
-/*
- * headers: Authorization: Bearer token
- * body: {name, email, password }
- */
 export const updateUserInfo = createAsyncThunk(
   "user/updateUserInfo",
   async (userData, thunkAPI) => {
     try {
-      console.log(userData);
       const reduxState = thunkAPI.getState();
       const savedToken = reduxState.auth.token;
       setAuthHeader(savedToken);
@@ -98,5 +93,3 @@ export const updateUserInfo = createAsyncThunk(
     },
   }
 );
-
-// export const updAvatarURL = createAction("updateAva");