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

style(home): show nsfw tag instead of just 'nsfw'

Browse Source
This commit is contained in:
plebeius.eth
2024-05-05 18:12:51 +02:00
parent 6b71d9009a
commit f045f1698a
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/home/home.tsx
+4 -3
View File
@@ -76,12 +76,13 @@ const InfoBox = () => {
const Board = ({ isOffline, subplebbit }: { isOffline: boolean; subplebbit: Subplebbit }) => { const Board = ({ isOffline, subplebbit }: { isOffline: boolean; subplebbit: Subplebbit }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const { address, title, tags } = subplebbit; const { address, title, tags } = subplebbit;
const isSubNsfw = tags.includes('porn') || tags.includes('gore') || tags.includes('violence') || tags.includes('vulgar'); const nsfwTags = ['porn', 'gore', 'violence', 'vulgar'];
const nsfwTag = tags.find((tag: string) => nsfwTags.includes(tag));
return ( return (
<div className={styles.subplebbit} key={address}> <div className={styles.subplebbit} key={address}>
<Link to={`/p/${address}`}>{title || address}</Link> <Link to={`/p/${address}`}>{title || address}</Link>
{isSubNsfw && <span className={styles.nsfw}> ({t('nsfw')})</span>} {nsfwTag && <span className={styles.nsfw}> ({t(nsfwTag)})</span>}
{isOffline && <span className={styles.offlineIcon} />} {isOffline && <span className={styles.offlineIcon} />}
</div> </div>
); );
@@ -104,7 +105,7 @@ const Boards = ({ multisub, subplebbits }: { multisub: Subplebbit[]; subplebbits
const isSubOffline = (address: string) => { const isSubOffline = (address: string) => {
const subplebbit = subplebbits && subplebbits.find((sub: Subplebbit) => sub?.address === address); const subplebbit = subplebbits && subplebbits.find((sub: Subplebbit) => sub?.address === address);
const isOffline = subplebbit?.updatedAt && subplebbit.updatedAt < Date.now() / 1000 - 60 * 30; const isOffline = subplebbit?.updatedAt && subplebbit.updatedAt < Date.now() / 1000 - 60 * 60;
return isOffline; return isOffline;
}; };