Problem
The 19+ round icon toggle in the NavBar (from #1222 + #1224) doesn't work as intended. Need to safely remove it and restore the original filter behavior.
What to revert
Remove from NavBar
Restore in FilterBar
What to KEEP (do not revert)
These changes from #1222 are correct and should stay:
- ✅ All "18+" → "19+" text renames (create page, terms, story page, etc.)
- ✅
NsfwBadge component on StoryCard (circled "19" on cover images)
- ✅
useNsfwPreference hook (can stay in codebase, just remove from NavBar)
- ✅ Profile page NSFW filtering via
useNsfwPreference (StoriesTab, PortfolioTab)
- ✅
is_nsfw badge on story detail page
Reference: pre-#1222 FilterBar state
Before #1222, the FilterBar desktop row had:
[Sort tabs] [Writer filter] [Genre dropdown] [Language dropdown] [19+ checkbox] [X stories]
The 19+ checkbox was a <label> with <input type="checkbox"> that called navigate({ ..., nsfw: e.target.checked }) to add/remove ?nsfw=1 from the URL.
Restore this exact pattern with "19+" label text.
Acceptance criteria
Refs: #1209, #1222, #1224, PR #1222, PR #1225
Problem
The 19+ round icon toggle in the NavBar (from #1222 + #1224) doesn't work as intended. Need to safely remove it and restore the original filter behavior.
What to revert
Remove from NavBar
src/components/NavBar.tsx(added by Rename 18+ to 19+ and redesign NSFW UI (#1209) #1222, redesigned by [#1224] Redesign 19+ toggle as round circle icon next to logo #1225)useNsfwPreferenceimport from NavBarRestore in FilterBar
src/components/FilterBar.tsxthat was removed by Rename 18+ to 19+ and redesign NSFW UI (#1209) #1222?nsfw=1) that FilterBar already used before Rename 18+ to 19+ and redesign NSFW UI (#1209) #1222What to KEEP (do not revert)
These changes from #1222 are correct and should stay:
NsfwBadgecomponent on StoryCard (circled "19" on cover images)useNsfwPreferencehook (can stay in codebase, just remove from NavBar)useNsfwPreference(StoriesTab, PortfolioTab)is_nsfwbadge on story detail pageReference: pre-#1222 FilterBar state
Before #1222, the FilterBar desktop row had:
The 19+ checkbox was a
<label>with<input type="checkbox">that callednavigate({ ..., nsfw: e.target.checked })to add/remove?nsfw=1from the URL.Restore this exact pattern with "19+" label text.
Acceptance criteria
?nsfw=1URL param (existing behavior)Refs: #1209, #1222, #1224, PR #1222, PR #1225