18+ tag on source/extension cards (#160)

* 18+ to source card

* 18+ extensions card

src/components/ExtensionCard.tsx

@@ -23,7 +23,7 @@ interface IProps {
 export default function ExtensionCard(props: IProps) {
     const {
         extension: {
-            name, lang, versionName, installed, hasUpdate, obsolete, pkgName, iconUrl,
+            name, lang, versionName, installed, hasUpdate, obsolete, pkgName, iconUrl, isNsfw,
         },
         notifyInstall,
     } = props;
@@ -116,6 +116,11 @@ export default function ExtensionCard(props: IProps) {
                             {langPress}
                             {' '}
                             {versionName}
+                            {isNsfw && (
+                                <Typography variant="caption" display="inline" gutterBottom color="red">
+                                    {' 18+'}
+                                </Typography>
+                            )}
                         </Typography>
                     </Box>
                 </Box>

src/components/SourceCard.tsx

@@ -41,7 +41,7 @@ interface IProps {
 export default function SourceCard(props: IProps) {
     const {
         source: {
-            id, name, lang, iconUrl, supportsLatest,
+            id, name, lang, iconUrl, supportsLatest, isNsfw,
         },
     } = props;
 
@@ -99,6 +99,11 @@ export default function SourceCard(props: IProps) {
                         {id !== '0' && (
                             <Typography variant="caption" display="block" gutterBottom>
                                 {langCodeToName(lang)}
+                                {isNsfw && (
+                                    <Typography variant="caption" display="inline" gutterBottom color="red">
+                                        {' 18+'}
+                                    </Typography>
+                                )}
                             </Typography>
                         )}
                     </Box>