fix: incorrect assets path

src/components/board-header/board-header.tsx

@@ -10,7 +10,7 @@ const totalBanners = 59;
 const ImageBanner = () => {
   const [imagePath] = useState(() => {
     const randomBannerIndex = Math.floor(Math.random() * totalBanners) + 1;
-    return `/assets/banners/banner-${randomBannerIndex}.jpg`;
+    return `assets/banners/banner-${randomBannerIndex}.jpg`;
   });
 
   return <img src={imagePath} alt='' />;

src/components/catalog-row/catalog-row.tsx

@@ -86,7 +86,7 @@ export const CatalogPostMedia = ({ commentMediaInfo, isOutOfFeed, linkWidth, lin
   return (
     <div className={hasError ? '' : styles.mediaWrapper} style={CSSProperties}>
       {!isLoaded && !hasError && type !== 'video' && type !== 'audio' && <span className={styles.loadingSkeleton} />}
-      {hasError ? <img className={styles.fileDeleted} src='/assets/filedeleted-res.gif' alt='' /> : thumbnailComponent}
+      {hasError ? <img className={styles.fileDeleted} src='assets/filedeleted-res.gif' alt='' /> : thumbnailComponent}
     </div>
   );
 };
@@ -223,7 +223,7 @@ const CatalogPost = ({ post }: { post: Comment }) => {
               >
                 {threadIcons}
                 {spoiler ? (
-                  <img src='/assets/spoiler.png' alt='' />
+                  <img src='assets/spoiler.png' alt='' />
                 ) : (
                   <CatalogPostMedia commentMediaInfo={commentMediaInfo} isOutOfFeed={isDescription || isRules} linkWidth={linkWidth} linkHeight={linkHeight} />
                 )}

src/components/comment-media/comment-media.tsx

@@ -78,9 +78,9 @@ const Thumbnail = ({ commentMediaInfo, isFloatingEmbed, post, setShowThumbnail }
   const linkWithoutThumbnail = url && new URL(url);
 
   return hasError || isDeleted ? (
-    <img className={styles.fileDeleted} src='/assets/filedeleted-res.gif' alt='File deleted' />
+    <img className={styles.fileDeleted} src='assets/filedeleted-res.gif' alt='File deleted' />
   ) : spoiler ? (
-    <img className={styles.spoiler} src='/assets/spoiler.png' alt='' onClick={() => setShowThumbnail(false)} />
+    <img className={styles.spoiler} src='assets/spoiler.png' alt='' onClick={() => setShowThumbnail(false)} />
   ) : isOutOfFeed ? (
     <span className={`${isFloatingEmbed ? styles.floatingEmbed : styles.subplebbitAvatar}`}>{thumbnailComponent}</span>
   ) : isMobile || isReply ? (

src/components/post-desktop/post-desktop.tsx

@@ -86,12 +86,12 @@ const PostInfo = ({ openReplyModal, post, roles, isHidden }: PostProps) => {
         )}
         {pinned && (
           <span className={`${styles.stickyIconWrapper} ${!locked && styles.addPaddingBeforeReply}`}>
-            <img src='/assets/icons/sticky.gif' alt='' className={styles.stickyIcon} title={t('sticky')} />
+            <img src='assets/icons/sticky.gif' alt='' className={styles.stickyIcon} title={t('sticky')} />
           </span>
         )}
         {locked && (
           <span className={`${styles.closedIconWrapper} ${styles.addPaddingBeforeReply} ${pinned && styles.addPaddingInBetween}`}>
-            <img src='/assets/icons/closed.gif' alt='' className={styles.closedIcon} title={t('closed')} />
+            <img src='assets/icons/closed.gif' alt='' className={styles.closedIcon} title={t('closed')} />
           </span>
         )}
         {!isInPostView && !isReply && !isHidden && (

src/components/post-mobile/post-mobile.tsx

@@ -58,12 +58,12 @@ const PostInfoAndMedia = ({ openReplyModal, post, roles }: PostProps) => {
           {!(isDescription || isRules) && <span className={styles.address}>(u/{shortAddress || accountShortAddress})</span>}
           {pinned && (
             <span className={styles.stickyIconWrapper}>
-              <img src='/assets/icons/sticky.gif' alt='' className={styles.stickyIcon} title={t('sticky')} />
+              <img src='assets/icons/sticky.gif' alt='' className={styles.stickyIcon} title={t('sticky')} />
             </span>
           )}
           {locked && (
             <span className={`${styles.closedIconWrapper} ${pinned && styles.addPaddingInBetween}`}>
-              <img src='/assets/icons/closed.gif' alt='' className={styles.closedIcon} title={t('closed')} />
+              <img src='assets/icons/closed.gif' alt='' className={styles.closedIcon} title={t('closed')} />
             </span>
           )}
           {title && (

src/views/home/home.tsx

@@ -204,7 +204,7 @@ export const HomeLogo = () => {
   return (
     <Link to='/'>
       <div className={styles.logo}>
-        <img alt='' src='/assets/logo/logo-transparent.png' />
+        <img alt='' src='assets/logo/logo-transparent.png' />
       </div>
     </Link>
   );

src/views/not-found/not-found.tsx

@@ -9,7 +9,7 @@ const totalNotFoundImages = 2;
 const NotFoundImage = () => {
   const [imagePath] = useState(() => {
     const randomBannerIndex = Math.floor(Math.random() * totalNotFoundImages) + 1;
-    return `/assets/not-found/not-found-${randomBannerIndex}.jpg`;
+    return `assets/not-found/not-found-${randomBannerIndex}.jpg`;
   });
 
   return <img src={imagePath} alt='' />;