MM 45015 - auto follow threads

app/constants/channel.ts

@@ -6,11 +6,15 @@ export const MAX_CHANNEL_NAME_LENGTH = 64;
 export const IGNORE_CHANNEL_MENTIONS_ON = 'on';
 export const IGNORE_CHANNEL_MENTIONS_OFF = 'off';
 export const IGNORE_CHANNEL_MENTIONS_DEFAULT = 'default';
+export const CHANNEL_AUTO_FOLLOW_THREADS_TRUE = 'on';
+export const CHANNEL_AUTO_FOLLOW_THREADS_FALSE = 'off';
 
 export default {
     IGNORE_CHANNEL_MENTIONS_ON,
     IGNORE_CHANNEL_MENTIONS_OFF,
     IGNORE_CHANNEL_MENTIONS_DEFAULT,
     MAX_CHANNEL_NAME_LENGTH,
     MIN_CHANNEL_NAME_LENGTH,
+    CHANNEL_AUTO_FOLLOW_THREADS_TRUE,
+    CHANNEL_AUTO_FOLLOW_THREADS_FALSE,
 };

app/screens/channel_info/channel_info.tsx

@@ -30,6 +30,7 @@ type Props = {
     canEnableDisableCalls: boolean;
     isCallsEnabledInChannel: boolean;
     canManageMembers: boolean;
+    isCRTEnabled: boolean;
 }
 
 const edges: Edge[] = ['bottom', 'left', 'right'];
@@ -50,6 +51,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
 }));
 
 const ChannelInfo = ({
+    isCRTEnabled,
     channelId,
     closeButtonId,
     componentId,
@@ -103,6 +105,7 @@ const ChannelInfo = ({
                     type={type}
                     callsEnabled={callsAvailable}
                     canManageMembers={canManageMembers}
+                    isCRTEnabled={isCRTEnabled}
                 />
                 <View style={styles.separator}/>
                 {canEnableDisableCalls &&

app/screens/channel_info/index.ts

@@ -17,6 +17,7 @@ import {
     observeCurrentTeamId,
     observeCurrentUserId,
 } from '@queries/servers/system';
+import {observeIsCRTEnabled} from '@queries/servers/thread';
 import {observeCurrentUser, observeUserIsChannelAdmin, observeUserIsTeamAdmin} from '@queries/servers/user';
 import {isTypeDMorGM} from '@utils/channel';
 import {isMinimumServerVersion} from '@utils/helpers';
@@ -110,6 +111,7 @@ const enhanced = withObservables([], ({serverUrl, database}: Props) => {
         canEnableDisableCalls,
         isCallsEnabledInChannel,
         canManageMembers,
+        isCRTEnabled: observeIsCRTEnabled(database),
     };
 });
 

app/screens/channel_info/options/auto_follow_threads/auto_follow_threads.tsx

@@ -0,0 +1,42 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import React, {useState} from 'react';
+import {useIntl} from 'react-intl';
+
+import {updateChannelNotifyProps} from '@actions/remote/channel';
+import OptionItem from '@components/option_item';
+import {useServerUrl} from '@context/server';
+import {preventDoubleTap} from '@utils/tap';
+
+type Props = {
+    channelId: string;
+    followedStatus: boolean;
+};
+
+const AutoFollowThreads = ({channelId, followedStatus}: Props) => {
+    const [autoFollow, setAutoFollow] = useState(followedStatus);
+    const serverUrl = useServerUrl();
+    const {formatMessage} = useIntl();
+
+    const toggleFollow = preventDoubleTap(() => {
+        const props: Partial<ChannelNotifyProps> = {
+            channel_auto_follow_threads: followedStatus ? 'off' : 'on',
+        };
+        setAutoFollow(!autoFollow);
+        updateChannelNotifyProps(serverUrl, channelId, props);
+    });
+
+    return (
+        <OptionItem
+            action={toggleFollow}
+            label={formatMessage({id: 'channel_info.channel_auto_follow_threads', defaultMessage: 'Follow all threads in this channel'})}
+            icon='message-plus-outline'
+            type='toggle'
+            selected={autoFollow}
+            testID={`channel_info.options.channel_auto_follow_threads.option.toggled.${autoFollow}`}
+        />
+    );
+};
+
+export default AutoFollowThreads;

app/screens/channel_info/options/auto_follow_threads/index.ts

@@ -0,0 +1,33 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {withDatabase} from '@nozbe/watermelondb/DatabaseProvider';
+import withObservables from '@nozbe/with-observables';
+import {of as of$} from 'rxjs';
+import {switchMap} from 'rxjs/operators';
+
+import {Channel} from '@constants';
+import {observeChannelSettings} from '@queries/servers/channel';
+
+import AutoFollowThreads from './auto_follow_threads';
+
+import type {WithDatabaseArgs} from '@typings/database/database';
+
+type Props = WithDatabaseArgs & {
+    channelId: string;
+}
+
+const enhanced = withObservables(['channelId'], ({channelId, database}: Props) => {
+    const settings = observeChannelSettings(database, channelId);
+    const followedStatus = settings.pipe(
+        switchMap((s) => {
+            return of$(s?.notifyProps?.channel_auto_follow_threads === Channel.CHANNEL_AUTO_FOLLOW_THREADS_TRUE);
+        }),
+    );
+
+    return {
+        followedStatus,
+    };
+});
+
+export default withDatabase(enhanced(AutoFollowThreads));

app/screens/channel_info/options/index.tsx

@@ -8,6 +8,7 @@ import {General} from '@constants';
 import {isTypeDMorGM} from '@utils/channel';
 
 import AddMembers from './add_members';
+import AutoFollowThreads from './auto_follow_threads';
 import ChannelFiles from './channel_files';
 import EditChannel from './edit_channel';
 import IgnoreMentions from './ignore_mentions';
@@ -20,21 +21,26 @@ type Props = {
     type?: ChannelType;
     callsEnabled: boolean;
     canManageMembers: boolean;
+    isCRTEnabled: boolean;
 }
 
 const Options = ({
     channelId,
     type,
     callsEnabled,
     canManageMembers,
+    isCRTEnabled,
 }: Props) => {
     const isDMorGM = isTypeDMorGM(type);
 
     return (
         <>
-            {type !== General.DM_CHANNEL &&
+            {isCRTEnabled && (
+                <AutoFollowThreads channelId={channelId}/>
+            )}
+            {type !== General.DM_CHANNEL && (
                 <IgnoreMentions channelId={channelId}/>
-            }
+            )}
             <NotificationPreference channelId={channelId}/>
             <PinnedMessages channelId={channelId}/>
             <ChannelFiles channelId={channelId}/>

types/api/channels.d.ts

@@ -17,6 +17,7 @@ type ChannelNotifyProps = {
     mark_unread: 'all' | 'mention';
     push: NotificationLevel;
     ignore_channel_mentions: 'default' | 'off' | 'on';
+    channel_auto_follow_threads: 'on' | 'off';
     push_threads: 'all' | 'mention';
 };
 type Channel = {