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 (