From 161de7826fdfd7c62f397d61c3a51c8413027456 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Mon, 18 May 2026 14:38:19 +0900
Subject: [PATCH] [#1226] Remove 19+ toggle from NavBar, add checkbox to
 FilterBar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove round 19+ icon and useNsfwPreference from NavBar
- Restore NavBar to logo + nav links + wallet only
- Add 19+ checkbox to FilterBar desktop row (after Language dropdown)
- Mobile filter sheet already has 19+ toggle — no changes needed
- Bump version to 1.29.3

Fixes #1226

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 package.json                 |  2 +-
 src/components/FilterBar.tsx | 11 ++++++
 src/components/NavBar.tsx    | 66 ++++++++++--------------------------
 3 files changed, 29 insertions(+), 50 deletions(-)

diff --git a/package.json b/package.json
index 96e16d9f..93bbb8e9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "plotlink",
-  "version": "1.29.2",
+  "version": "1.29.3",
   "private": true,
   "workspaces": [
     "packages/*"
diff --git a/src/components/FilterBar.tsx b/src/components/FilterBar.tsx
index fd94f5f5..63a2cd4e 100644
--- a/src/components/FilterBar.tsx
+++ b/src/components/FilterBar.tsx
@@ -322,6 +322,17 @@ export function FilterBar({ writer, genre, lang, contentType, tab, totalCount, s
               </select>
             </div>
 
+            {/* 19+ checkbox */}
+            <label className="flex cursor-pointer items-center gap-1.5 text-[12px] font-medium text-[var(--muted)] hover:text-[var(--fg)] transition-colors">
+              <input
+                type="checkbox"
+                checked={nsfw}
+                onChange={(e) => navigate({ tab, writer, genre, lang, contentType, nsfw: e.target.checked })}
+                className="h-3.5 w-3.5 rounded border-[var(--border)] accent-[var(--accent)]"
+              />
+              19+
+            </label>
+
             {/* Result count */}
             {totalCount !== undefined && (
               <span className="ml-1 text-[12px] tabular-nums text-[var(--muted)]">
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index f5e00f6e..a2302ba9 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -2,31 +2,16 @@
 
 import { useState } from "react";
 import Link from "next/link";
-import { usePathname, useSearchParams, useRouter } from "next/navigation";
+import { usePathname } from "next/navigation";
 import { useAccount } from "wagmi";
 import Image from "next/image";
 import { ConnectWallet } from "./ConnectWallet";
-import { useNsfwPreference } from "../hooks/useNsfwPreference";
 
 export function NavBar() {
   const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const router = useRouter();
   const [mobileOpen, setMobileOpen] = useState(false);
   const { address, isConnected } = useAccount();
 
-  const [showNsfw, setNsfw] = useNsfwPreference();
-
-  const toggleNsfw = () => {
-    const next = !showNsfw;
-    setNsfw(next);
-    if (pathname === "/") {
-      const sp = new URLSearchParams(searchParams.toString());
-      if (next) sp.set("nsfw", "1"); else sp.delete("nsfw");
-      router.replace(`/?${sp.toString()}`);
-    }
-  };
-
   const dashboardHref = isConnected && address
     ? `/profile/${address}`
     : "/dashboard/writer";
@@ -49,39 +34,22 @@ export function NavBar() {
   return (
     <nav className="fixed top-0 right-0 left-0 z-50 border-b border-[var(--border)] bg-[var(--bg)]/95 backdrop-blur-sm">
       <div className="mx-auto flex h-11 max-w-[var(--grid-max)] items-center justify-between px-4">
-        {/* Logo + 19+ toggle cluster */}
-        <div className="flex items-center">
-          <Link
-            href="/"
-            className="flex items-center gap-1.5 transition-opacity hover:opacity-80"
-          >
-            <Image
-              src="/plotlink-logo-symbol.svg"
-              alt=""
-              width={20}
-              height={24}
-              className="h-5 w-auto"
-            />
-            <span className="font-heading text-[20px] font-medium tracking-tight text-foreground">
-              Plot<span className="text-accent">Link</span>
-            </span>
-          </Link>
-
-          {/* 19+ NSFW toggle — round circle icon */}
-          <button
-            type="button"
-            onClick={toggleNsfw}
-            className={`ml-1.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full text-[9px] font-bold leading-none transition-colors ${
-              showNsfw
-                ? "bg-red-600 text-white"
-                : "bg-neutral-700 text-neutral-400 hover:bg-neutral-600 hover:text-neutral-300"
-            }`}
-            title={showNsfw ? "Hide 19+ content" : "Show 19+ content"}
-            aria-pressed={showNsfw}
-          >
-            19
-          </button>
-        </div>
+        {/* Logo */}
+        <Link
+          href="/"
+          className="flex items-center gap-1.5 transition-opacity hover:opacity-80"
+        >
+          <Image
+            src="/plotlink-logo-symbol.svg"
+            alt=""
+            width={20}
+            height={24}
+            className="h-5 w-auto"
+          />
+          <span className="font-heading text-[20px] font-medium tracking-tight text-foreground">
+            Plot<span className="text-accent">Link</span>
+          </span>
+        </Link>
 
         {/* Desktop nav links */}
         <div className="hidden items-center gap-1 md:flex">