can hide nsfw in MangaSources

src/screens/manga/MangaSources.tsx

@@ -38,6 +38,7 @@ export default function MangaSources() {
     const { setTitle, setAction } = useContext(NavbarContext);
 
     const [shownLangs, setShownLangs] = useLocalStorage<string[]>('shownSourceLangs', defualtLangs());
+    const [showNsfw] = useLocalStorage<boolean>('showNsfw', false);
 
     const [sources, setSources] = useState<ISource[]>([]);
     const [fetched, setFetched] = useState<boolean>(false);
@@ -70,12 +71,14 @@ export default function MangaSources() {
                 shownLangs.indexOf(lang) !== -1 && (
                     <React.Fragment key={lang}>
                         <h1 key={lang} style={{ marginLeft: 25 }}>{langCodeToName(lang)}</h1>
-                        {(list as ISource[]).map((source) => (
+                        {(list as ISource[])
-                            <SourceCard
+                            .filter((source) => showNsfw || !source.isNsfw)
-                                key={source.id}
+                            .map((source) => (
-                                source={source}
+                                <SourceCard
-                            />
+                                    key={source.id}
-                        ))}
+                                    source={source}
+                                />
+                            ))}
                     </React.Fragment>
                 )
             ))}

src/typings.d.ts

@@ -27,6 +27,7 @@ interface ISource {
     supportsLatest: boolean
     history: any
     isConfigurable: boolean
+    isNsfw: boolean
 }
 
 interface IMangaCard {