From 9f58423953e96e207f5cf8be43f1e7d02329e1c0 Mon Sep 17 00:00:00 2001
From: ld3zian <42660576+ld3z@users.noreply.github.com>
Date: Sat, 25 Jan 2025 21:33:30 -0700
Subject: [PATCH] add nsfw tag to comics

---
 src/components/ComicCard.astro              | 7 +++++++
 src/components/TypeFilter.astro             | 1 +
 src/lib/types.ts                            | 1 +
 src/pages/[lang]/[contentType]/[type].astro | 1 +
 4 files changed, 10 insertions(+)
 create mode 100644 src/components/TypeFilter.astro
 create mode 100644 src/pages/[lang]/[contentType]/[type].astro

diff --git a/src/components/ComicCard.astro b/src/components/ComicCard.astro
index 121b49f..1c55285 100644
--- a/src/components/ComicCard.astro
+++ b/src/components/ComicCard.astro
@@ -14,6 +14,7 @@ const isAvif = comic.md_comics.md_covers[0]?.b2key.endsWith('.avif');
 const coverUrl = comic.md_comics.md_covers[0]
   ? `https://meo.comick.pictures/${comic.md_comics.md_covers[0].b2key}`
   : '/placeholder.png';
+const isNSFW = comic.md_comics.content_rating === 'erotica';
 ---
 
 <div class="group relative bg-secondary rounded-xl overflow-visible shadow-lg transition-all duration-300 hover:-translate-y-2 hover:shadow-xl h-full flex flex-col max-w-[280px] mx-auto border border-hover/30">
@@ -36,6 +37,12 @@ const coverUrl = comic.md_comics.md_covers[0]
         />
       )}
       <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
+      
+      {isNSFW && (
+        <div class="absolute top-2 right-2 bg-red-500/90 text-white px-2 py-1 rounded text-xs font-bold shadow-lg backdrop-blur-[2px]">
+          NSFW
+        </div>
+      )}
     </div>
     
     <div class="p-4 md:p-5 flex-grow flex flex-col bg-secondary relative rounded-b-xl">
diff --git a/src/components/TypeFilter.astro b/src/components/TypeFilter.astro
new file mode 100644
index 0000000..0519ecb
--- /dev/null
+++ b/src/components/TypeFilter.astro
@@ -0,0 +1 @@
+ 
\ No newline at end of file
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 7f1a629..2efb35d 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -9,6 +9,7 @@ export interface Comic {
     md_covers: {
       b2key: string;
     }[];
+    content_rating: string;
   };
 }
 
diff --git a/src/pages/[lang]/[contentType]/[type].astro b/src/pages/[lang]/[contentType]/[type].astro
new file mode 100644
index 0000000..0519ecb
--- /dev/null
+++ b/src/pages/[lang]/[contentType]/[type].astro
@@ -0,0 +1 @@
+ 
\ No newline at end of file