From abf6727212baba0ca05e96bddd97bc7a4eddc672 Mon Sep 17 00:00:00 2001
From: Tommaso Casaburi <tom@bitsocial.net>
Date: Thu, 12 Mar 2026 18:33:04 +0800
Subject: [PATCH] Add NSFW/SFW board filter to /all/ board page on mobile
 (#1071)

* feat(board-buttons): add NSFW/SFW filter to /all/ board page on mobile

* refactor(board-buttons): extract MobileAllFeedFilter padding to CSS class
---
 src/app.tsx                                           | 3 ++-
 src/components/board-buttons/board-buttons.module.css | 4 ++++
 src/components/board-buttons/board-buttons.tsx        | 9 +++++++++
 src/components/board-buttons/index.ts                 | 2 +-
 4 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index 72377b21..70403a67 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -25,7 +25,7 @@ import {
   isValidModRoute,
 } from './lib/utils/route-utils';
 import styles from './app.module.css';
-import { DesktopBoardButtons, MobileBoardButtons } from './components/board-buttons';
+import { DesktopBoardButtons, MobileAllFeedFilter, MobileBoardButtons } from './components/board-buttons';
 import Board from './views/board';
 import Blotter from './views/blotter';
 import Catalog from './views/catalog';
@@ -153,6 +153,7 @@ const BoardLayout = () => {
             <>
               <MobileBoardButtons />
               <PostForm key={key} />
+              {isInAllView && <MobileAllFeedFilter />}
             </>
           ))
         : (subplebbitAddress || isInAllView || isInModView || isInSubscriptionsView || pendingPost?.subplebbitAddress || isOnModQueueRoute) && (
diff --git a/src/components/board-buttons/board-buttons.module.css b/src/components/board-buttons/board-buttons.module.css
index 9ae4944e..a8d332e9 100644
--- a/src/components/board-buttons/board-buttons.module.css
+++ b/src/components/board-buttons/board-buttons.module.css
@@ -50,6 +50,10 @@
   padding: 10px 0;
 }
 
+.mobileAllFeedFilterPadding {
+  padding-bottom: 15px;
+}
+
 .desktopBoardButtons {
   text-transform: capitalize;
 }
diff --git a/src/components/board-buttons/board-buttons.tsx b/src/components/board-buttons/board-buttons.tsx
index f9f996f1..1cb104ea 100644
--- a/src/components/board-buttons/board-buttons.tsx
+++ b/src/components/board-buttons/board-buttons.tsx
@@ -364,6 +364,15 @@ const AllFeedFilter = () => {
   );
 };
 
+export const MobileAllFeedFilter = () => (
+  <div className={styles.mobileBoardButtons}>
+    <hr />
+    <div className={`${styles.options} ${styles.mobileAllFeedFilterPadding}`}>
+      <AllFeedFilter />
+    </div>
+  </div>
+);
+
 export const MobileBoardButtons = () => {
   const { t } = useTranslation();
   const params = useParams();
diff --git a/src/components/board-buttons/index.ts b/src/components/board-buttons/index.ts
index 067ee43b..428dca41 100644
--- a/src/components/board-buttons/index.ts
+++ b/src/components/board-buttons/index.ts
@@ -1 +1 @@
-export { MobileBoardButtons, DesktopBoardButtons } from './board-buttons';
+export { MobileAllFeedFilter, MobileBoardButtons, DesktopBoardButtons } from './board-buttons';