fix: banner url

Barresi · Apr 16, 2024 · dd987e3 · dd987e3
1 parent f9badb8
commit dd987e3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/shared/ui/banner.tsx b/src/shared/ui/banner.tsx
@@ -6,10 +6,12 @@ import banner from '@assets/banner/default user banner.jpg'
 interface IBannerProps {
   className?: string
   src: string | null
+  isImgNotOnBackend?: boolean
 }
 
-const Banner: FC<IBannerProps> = ({ className, src }) => {
-  const img = import.meta.env.VITE_BACKEND_DOMEN + '/ftp/banners/' + src || banner
+const Banner: FC<IBannerProps> = ({ className, src, isImgNotOnBackend }) => {
+  const urlBackend = import.meta.env.VITE_BACKEND_DOMEN + '/ftp/banners/'
+  const img = (isImgNotOnBackend ? src : urlBackend + src) || banner
   return (
     <img /* Todo убрать иконку файла при отсутствии урл */
       src={img}

diff --git a/src/widgets/edit-account/ui/banner-change/banner-change.tsx b/src/widgets/edit-account/ui/banner-change/banner-change.tsx
@@ -27,11 +27,13 @@ const BannerChange: FC = () => {
 
         const [bannerImg, setBannerImg] = useState<string | null>(null)
         useEffect(() => {
-          setBannerImg(previewUrl || user?.banner || null)
+          const urlOnBackend =
+            import.meta.env.VITE_BACKEND_DOMEN + '/ftp/banners/' + user?.banner
+          setBannerImg(previewUrl || urlOnBackend || null)
         }, [previewUrl, user])
         return (
           <div className='relative flex-grow h-[120px] usm:h-full w-full'>
-            <Banner src={bannerImg || null} />
+            <Banner src={bannerImg || null} isImgNotOnBackend />
             <Button
               variant='secondary'
               className='absolute bottom-[40px] right-[50%] translate-x-[50%] usm:translate-x-0 usm:right-[20px] usm:bottom-[20px] w-[190px] h-[40px] lg:right-[30px] lg:bottom-[30px] xxl:right-[20px]'