From 3bf08909371a1e2d6a49e83f26106210bc538cfa Mon Sep 17 00:00:00 2001
From: Ryan Alexander <w.ryan@stelch.com>
Date: Fri, 7 Oct 2022 19:11:56 +1000
Subject: [PATCH] feat: Add setting to disable the nsfw channel prompt

---
 .../settings/appearance/AppearanceOptions.tsx | 14 ++++++++++++++
 src/mobx/stores/Settings.ts                   |  4 ++--
 src/pages/channels/Channel.tsx                | 19 ++++++++++++-------
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/components/settings/appearance/AppearanceOptions.tsx b/src/components/settings/appearance/AppearanceOptions.tsx
index ef70781f..b3951813 100644
--- a/src/components/settings/appearance/AppearanceOptions.tsx
+++ b/src/components/settings/appearance/AppearanceOptions.tsx
@@ -40,6 +40,20 @@ export default function AppearanceOptions() {
                     <Text id="app.settings.pages.appearance.appearance_options.show_account_age_desc" />
                 }
             />
+            {/* Option to prevent being shown age gate. */}
+            <ObservedInputElement
+                type="checkbox"
+                value={() =>
+                    settings.get("appearance:bypass_age_gate") ?? false
+                }
+                onChange={(v) => settings.set("appearance:bypass_age_gate", v)}
+                title={
+                    <Text id="app.settings.pages.appearance.appearance_options.bypass_age_gate" />
+                }
+                description={
+                    <Text id="app.settings.pages.appearance.appearance_options.bypass_age_gate_desc" />
+                }
+            />
             <hr />
             <h3>
                 <Text id="app.settings.pages.appearance.theme_options.title" />
diff --git a/src/mobx/stores/Settings.ts b/src/mobx/stores/Settings.ts
index bfb28cf4..d9e4edb8 100644
--- a/src/mobx/stores/Settings.ts
+++ b/src/mobx/stores/Settings.ts
@@ -22,6 +22,7 @@ export interface ISettings {
     "appearance:transparency": boolean;
     "appearance:show_send_button": boolean;
     "appearance:show_account_age": boolean;
+    "appearance:bypass_age_gate": boolean;
 
     "appearance:theme:base": "dark" | "light";
     "appearance:theme:overrides": Partial<Overrides>;
@@ -37,8 +38,7 @@ export interface ISettings {
  * Manages user settings.
  */
 export default class Settings
-    implements Store, Persistent<ISettings>, Syncable
-{
+    implements Store, Persistent<ISettings>, Syncable {
     private data: ObservableMap<string, unknown>;
 
     theme: STheme;
diff --git a/src/pages/channels/Channel.tsx b/src/pages/channels/Channel.tsx
index 3545fd55..f3dc6d6c 100644
--- a/src/pages/channels/Channel.tsx
+++ b/src/pages/channels/Channel.tsx
@@ -180,13 +180,7 @@ const TextChannel = observer(({ channel }: { channel: ChannelI }) => {
         <AgeGate
             type="channel"
             channel={channel}
-            gated={
-                !!(
-                    (channel.channel_type === "TextChannel" ||
-                        channel.channel_type === "Group") &&
-                    channel.nsfw
-                )
-            }>
+            gated={ShowAgeGate({ channel })}>
             <ChannelHeader channel={channel} />
             <ChannelMain>
                 <ErrorBoundary section="renderer">
@@ -208,6 +202,17 @@ const TextChannel = observer(({ channel }: { channel: ChannelI }) => {
     );
 });
 
+function ShowAgeGate({ channel }: { channel: ChannelI }) {
+    const settings = useApplicationState().settings;
+
+    if (settings.get("appearance:bypass_age_gate") ?? false) return false;
+    return !!(
+        (channel.channel_type === "TextChannel" ||
+            channel.channel_type === "Group") &&
+        channel.nsfw
+    );
+}
+
 function VoiceChannel({ channel }: { channel: ChannelI }) {
     return (
         <>