From c33c54613dcf0f055fcd95fc33069d526922535a Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 5 May 2024 17:22:19 +0200
Subject: [PATCH] feat(home): mark board as nsfw if it has at least one of nsfw
 tags in multisub

---
 src/views/home/home.module.css | 7 +++++++
 src/views/home/home.tsx        | 9 +++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/views/home/home.module.css b/src/views/home/home.module.css
index c3031163..c01eb15a 100644
--- a/src/views/home/home.module.css
+++ b/src/views/home/home.module.css
@@ -128,6 +128,13 @@
   text-decoration: var(--homepage-box-link-text-decoration-hover);
 }
 
+.nsfw {
+  color: red;
+  font-weight: 700;
+  text-transform: uppercase;
+  font-size: smaller;
+}
+
 .boardsBoxContent {
   font-size: 93%;
   padding: 0.5em;
diff --git a/src/views/home/home.tsx b/src/views/home/home.tsx
index 05e0c124..9feb42c4 100644
--- a/src/views/home/home.tsx
+++ b/src/views/home/home.tsx
@@ -88,6 +88,10 @@ const Boards = ({ multisub }: { multisub: Subplebbit[] }) => {
   const internationalSubs = multisub.filter((sub) => sub.tags.includes('international') || sub.tags.includes('country'));
   const projectsSubs = multisub.filter((sub) => sub.tags.includes('project') && !sub.tags.includes('plebbit') && !sub.tags.includes('topic'));
 
+  const isSubNsfw = (sub: Subplebbit) => {
+    return sub.tags.includes('porn') || sub.tags.includes('gore') || sub.tags.includes('violence') || sub.tags.includes('vulgar');
+  };
+
   return (
     <div className={`${styles.box} ${styles.boardsBox}`}>
       <div className={styles.boxBar}>
@@ -101,6 +105,7 @@ const Boards = ({ multisub }: { multisub: Subplebbit[] }) => {
             {plebbitSubs.map((sub) => (
               <div className={styles.subplebbit} key={sub.address}>
                 <Link to={`/p/${sub.address}`}>{sub.title || sub.address}</Link>
+                {isSubNsfw(sub) && <span className={styles.nsfw}> ({t('nsfw')})</span>}
               </div>
             ))}
           </div>
@@ -109,6 +114,7 @@ const Boards = ({ multisub }: { multisub: Subplebbit[] }) => {
             {projectsSubs.map((sub) => (
               <div className={styles.subplebbit} key={sub.address}>
                 <Link to={`/p/${sub.address}`}>{sub.title || sub.address}</Link>
+                {isSubNsfw(sub) && <span className={styles.nsfw}> ({t('nsfw')})</span>}
               </div>
             ))}
           </div>
@@ -119,6 +125,7 @@ const Boards = ({ multisub }: { multisub: Subplebbit[] }) => {
             {interestsSubs.map((sub) => (
               <div className={styles.subplebbit} key={sub.address}>
                 <Link to={`/p/${sub.address}`}>{sub.title || sub.address}</Link>
+                {isSubNsfw(sub) && <span className={styles.nsfw}> ({t('nsfw')})</span>}
               </div>
             ))}
           </div>
@@ -129,6 +136,7 @@ const Boards = ({ multisub }: { multisub: Subplebbit[] }) => {
             {randomSubs.map((sub) => (
               <div className={styles.subplebbit} key={sub.address}>
                 <Link to={`/p/${sub.address}`}>{sub.title || sub.address}</Link>
+                {isSubNsfw(sub) && <span className={styles.nsfw}> ({t('nsfw')})</span>}
               </div>
             ))}
           </div>
@@ -137,6 +145,7 @@ const Boards = ({ multisub }: { multisub: Subplebbit[] }) => {
             {internationalSubs.map((sub) => (
               <div className={styles.subplebbit} key={sub.address}>
                 <Link to={`/p/${sub.address}`}>{sub.title || sub.address}</Link>
+                {isSubNsfw(sub) && <span className={styles.nsfw}> ({t('nsfw')})</span>}
               </div>
             ))}
           </div>