fix: avatar and banner

Barresi · Apr 16, 2024 · 2c2972d · 2c2972d
1 parent b0bef35
commit 2c2972d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/shared/ui/banner.tsx b/src/shared/ui/banner.tsx
@@ -9,10 +9,10 @@ interface IBannerProps {
 }
 
 const Banner: FC<IBannerProps> = ({ className, src }) => {
+  const img = import.meta.env.VITE_BACKEND_DOMEN + '/ftp/avatars/' + src || banner
   return (
     <img
-      src={src || banner}
-      alt='banner'
+      src={img}
       className={cn('w-full h-full object-cover rounded-[6px]', className)}
     />
   )

diff --git a/src/widgets/edit-account/ui/avatar-change/avatar-change.tsx b/src/widgets/edit-account/ui/avatar-change/avatar-change.tsx
@@ -1,3 +1,5 @@
+import { selectUser } from '@app/store/reducers/profileInfo/selectors'
+import { useAppSelector } from '@shared/lib/hooks/store-hooks'
 import { Input } from '@shared/ui/input'
 import { UserAvatar } from '@shared/ui/user-avatar'
 import { useEffect, useState, type FC } from 'react'
@@ -6,6 +8,7 @@ import { handleFileChange } from '../../lib/handle-file-change'
 
 const AvatarChange: FC = () => {
   const { control } = useFormContext()
+  const user = useAppSelector(selectUser)
 
   return (
     <Controller
@@ -36,7 +39,10 @@ const AvatarChange: FC = () => {
               <div className='z-10 flex justify-center items-center bg-black opacity-20 absolute left-0 right-0 top-0 bottom-0 rounded-full' />
             </div>
 
-            <UserAvatar className='h-[100%] w-[100%]' src={previewUrl || null} />
+            <UserAvatar
+              className='h-[100%] w-[100%]'
+              src={previewUrl || user?.avatar || null}
+            />
             <Input
               type='file'
               className='hidden'