External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: incorrect assets path

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-06-20 17:02:11 +02:00
parent 70cba59ddf
commit 4cca4a58dd
7 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/board-header/board-header.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ const totalBanners = 59;
const ImageBanner = () => { const ImageBanner = () => {
const [imagePath] = useState(() => { const [imagePath] = useState(() => {
const randomBannerIndex = Math.floor(Math.random() * totalBanners) + 1; 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='' />; return <img src={imagePath} alt='' />;
src/components/catalog-row/catalog-row.tsx
+2 -2
View File
@@ -86,7 +86,7 @@ export const CatalogPostMedia = ({ commentMediaInfo, isOutOfFeed, linkWidth, lin
return ( return (
<div className={hasError ? '' : styles.mediaWrapper} style={CSSProperties}> <div className={hasError ? '' : styles.mediaWrapper} style={CSSProperties}>
{!isLoaded && !hasError && type !== 'video' && type !== 'audio' && <span className={styles.loadingSkeleton} />} {!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> </div>
); );
}; };
@@ -223,7 +223,7 @@ const CatalogPost = ({ post }: { post: Comment }) => {
> >
{threadIcons} {threadIcons}
{spoiler ? ( {spoiler ? (
<img src='/assets/spoiler.png' alt='' /> <img src='assets/spoiler.png' alt='' />
) : ( ) : (
<CatalogPostMedia commentMediaInfo={commentMediaInfo} isOutOfFeed={isDescription || isRules} linkWidth={linkWidth} linkHeight={linkHeight} /> <CatalogPostMedia commentMediaInfo={commentMediaInfo} isOutOfFeed={isDescription || isRules} linkWidth={linkWidth} linkHeight={linkHeight} />
)} )}
src/components/comment-media/comment-media.tsx
+2 -2
View File
@@ -78,9 +78,9 @@ const Thumbnail = ({ commentMediaInfo, isFloatingEmbed, post, setShowThumbnail }
const linkWithoutThumbnail = url && new URL(url); const linkWithoutThumbnail = url && new URL(url);
return hasError || isDeleted ? ( 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 ? ( ) : 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 ? ( ) : isOutOfFeed ? (
<span className={`${isFloatingEmbed ? styles.floatingEmbed : styles.subplebbitAvatar}`}>{thumbnailComponent}</span> <span className={`${isFloatingEmbed ? styles.floatingEmbed : styles.subplebbitAvatar}`}>{thumbnailComponent}</span>
) : isMobile || isReply ? ( ) : isMobile || isReply ? (
src/components/post-desktop/post-desktop.tsx
+2 -2
View File
@@ -86,12 +86,12 @@ const PostInfo = ({ openReplyModal, post, roles, isHidden }: PostProps) => {
)} )}
{pinned && ( {pinned && (
<span className={`${styles.stickyIconWrapper} ${!locked && styles.addPaddingBeforeReply}`}> <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> </span>
)} )}
{locked && ( {locked && (
<span className={`${styles.closedIconWrapper} ${styles.addPaddingBeforeReply} ${pinned && styles.addPaddingInBetween}`}> <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> </span>
)} )}
{!isInPostView && !isReply && !isHidden && ( {!isInPostView && !isReply && !isHidden && (
src/components/post-mobile/post-mobile.tsx
+2 -2
View File
@@ -58,12 +58,12 @@ const PostInfoAndMedia = ({ openReplyModal, post, roles }: PostProps) => {
{!(isDescription || isRules) && <span className={styles.address}>(u/{shortAddress || accountShortAddress})</span>} {!(isDescription || isRules) && <span className={styles.address}>(u/{shortAddress || accountShortAddress})</span>}
{pinned && ( {pinned && (
<span className={styles.stickyIconWrapper}> <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> </span>
)} )}
{locked && ( {locked && (
<span className={`${styles.closedIconWrapper} ${pinned && styles.addPaddingInBetween}`}> <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> </span>
)} )}
{title && ( {title && (
src/views/home/home.tsx
+1 -1
View File
@@ -204,7 +204,7 @@ export const HomeLogo = () => {
return ( return (
<Link to='/'> <Link to='/'>
<div className={styles.logo}> <div className={styles.logo}>
<img alt='' src='/assets/logo/logo-transparent.png' /> <img alt='' src='assets/logo/logo-transparent.png' />
</div> </div>
</Link> </Link>
); );
src/views/not-found/not-found.tsx
+1 -1
View File
@@ -9,7 +9,7 @@ const totalNotFoundImages = 2;
const NotFoundImage = () => { const NotFoundImage = () => {
const [imagePath] = useState(() => { const [imagePath] = useState(() => {
const randomBannerIndex = Math.floor(Math.random() * totalNotFoundImages) + 1; 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='' />; return <img src={imagePath} alt='' />;