fix: incorrect assets path

plebbit · Jun 20, 2024 · 4cca4a5 · 4cca4a5
1 parent 70cba59
commit 4cca4a5
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 11 deletions.
diff --git a/src/components/board-header/board-header.tsx b/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='' />;

diff --git a/src/components/catalog-row/catalog-row.tsx b/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} />
  )}

diff --git a/src/components/comment-media/comment-media.tsx b/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 ? (

diff --git a/src/components/post-desktop/post-desktop.tsx b/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 && (

diff --git a/src/components/post-mobile/post-mobile.tsx b/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 && (

diff --git a/src/views/home/home.tsx b/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>
  );

diff --git a/src/views/not-found/not-found.tsx b/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='' />;