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

feat(boards-list): mark Flash, Oekaki, Artwork/Critique, Wallpapers/General as NSFW

Browse Source
This commit is contained in:
plebeius
2025-11-06 15:52:45 +01:00
parent c5c364faea
commit 36bd9c5c0f
1 changed files with 146 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/home/boards-list/boards-list.tsx
+146 -122
View File
@@ -82,10 +82,10 @@ const BoardsList = ({ multisub }: { multisub: MultisubSubplebbit[] }) => {
const showWorksafeOnly = boardFilter === 'worksafe'; const showWorksafeOnly = boardFilter === 'worksafe';
// Category visibility based on filter // Category visibility based on filter
const showJapaneseCulture = showAll || showWorksafeOnly; const showJapaneseCulture = showAll || showWorksafeOnly || showNsfwOnly;
const showVideoGames = showAll || showWorksafeOnly; const showVideoGames = showAll || showWorksafeOnly;
const showInterests = showAll || showWorksafeOnly; const showInterests = showAll || showWorksafeOnly;
const showCreative = showAll || showWorksafeOnly; const showCreative = showAll || showWorksafeOnly || showNsfwOnly;
const showOther = showAll || showWorksafeOnly; const showOther = showAll || showWorksafeOnly;
const showMisc = showAll || showNsfwOnly; const showMisc = showAll || showNsfwOnly;
const showAdult = showAll || showNsfwOnly; const showAdult = showAll || showNsfwOnly;
@@ -105,56 +105,66 @@ const BoardsList = ({ multisub }: { multisub: MultisubSubplebbit[] }) => {
<> <>
<h3>Japanese Culture</h3> <h3>Japanese Culture</h3>
<ul> <ul>
<li> {(showAll || showWorksafeOnly) && (
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> <>
Anime & Manga <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Anime & Manga
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Anime/Cute <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Anime/Cute
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Anime/Wallpapers <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Anime/Wallpapers
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Mecha <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Mecha
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Cosplay & EGL <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Cosplay & EGL
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Cute/Male <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Cute/Male
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Flash </>
</Link> )}
</li> {(showAll || showNsfwOnly) && (
<li> <li>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
Transportation Flash
</Link> </Link>
</li> </li>
<li> )}
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> {(showAll || showWorksafeOnly) && (
Otaku Culture <>
</Link> <li>
</li> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
<li> Transportation
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </Link>
Virtual YouTubers </li>
</Link> <li>
</li> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
Otaku Culture
</Link>
</li>
<li>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
Virtual YouTubers
</Link>
</li>
</>
)}
</ul> </ul>
</> </>
)} )}
@@ -299,76 +309,90 @@ const BoardsList = ({ multisub }: { multisub: MultisubSubplebbit[] }) => {
<div className={styles.boardsColumn}> <div className={styles.boardsColumn}>
<h3>Creative</h3> <h3>Creative</h3>
<ul> <ul>
<li> {(showAll || showNsfwOnly) && (
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> <li>
Oekaki <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</Link> Oekaki
</li> </Link>
<li> </li>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> )}
Papercraft & Origami {(showAll || showWorksafeOnly) && (
</Link> <>
</li> <li>
<li> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> Papercraft & Origami
Photography </Link>
</Link> </li>
</li> <li>
<li> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> Photography
Food & Cooking </Link>
</Link> </li>
</li> <li>
<li> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> Food & Cooking
Artwork/Critique </Link>
</Link> </li>
</li> </>
<li> )}
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> {(showAll || showNsfwOnly) && (
Wallpapers/General <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Artwork/Critique
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Literature )}
</Link> {(showAll || showNsfwOnly) && (
</li> <li>
<li> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> Wallpapers/General
Music </Link>
</Link> </li>
</li> )}
<li> {(showAll || showWorksafeOnly) && (
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> <>
Fashion <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Literature
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
3DCG <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Music
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Graphic Design <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Fashion
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Do-It-Yourself <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> 3DCG
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Worksafe GIF <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Graphic Design
<li> </Link>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}> </li>
Quests <li>
</Link> <Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
</li> Do-It-Yourself
</Link>
</li>
<li>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
Worksafe GIF
</Link>
</li>
<li>
<Link to='#' onClick={(e) => e.preventDefault()} className={styles.placeholder}>
Quests
</Link>
</li>
</>
)}
</ul> </ul>
</div> </div>
)} )}