d61fbd3180
* Save message draft when post input is unmounted * Fix switch CRT on/off * Handle iPad on Stage Manager * iOS Share Extension to use LRU cache instead of file cache * Support building android as aab * use handleReconnect instead of appEntry on handleCRTToggled * show skin tone selector tutorial after running all interactions * Update app/actions/remote/preference.ts Co-authored-by: Daniel Espino García <larkox@gmail.com> * fix lint --------- Co-authored-by: Daniel Espino García <larkox@gmail.com>
79 lines
2.9 KiB
TypeScript
79 lines
2.9 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React, {useCallback, useState} from 'react';
|
|
import {useIntl} from 'react-intl';
|
|
|
|
import {handleCRTToggled, savePreference} from '@actions/remote/preference';
|
|
import SettingBlock from '@components/settings/block';
|
|
import SettingContainer from '@components/settings/container';
|
|
import SettingOption from '@components/settings/option';
|
|
import SettingSeparator from '@components/settings/separator';
|
|
import {Preferences} from '@constants';
|
|
import {useServerUrl} from '@context/server';
|
|
import useAndroidHardwareBackHandler from '@hooks/android_back_handler';
|
|
import useBackNavigation from '@hooks/navigate_back';
|
|
import {t} from '@i18n';
|
|
import {popTopScreen} from '@screens/navigation';
|
|
import EphemeralStore from '@store/ephemeral_store';
|
|
|
|
import type {AvailableScreens} from '@typings/screens/navigation';
|
|
|
|
const crtDescription = {
|
|
id: t('settings_display.crt.desc'),
|
|
defaultMessage: 'When enabled, reply messages are not shown in the channel and you\'ll be notified about threads you\'re following in the "Threads" view.',
|
|
};
|
|
|
|
type Props = {
|
|
componentId: AvailableScreens;
|
|
currentUserId: string;
|
|
isCRTEnabled: boolean;
|
|
}
|
|
|
|
const DisplayCRT = ({componentId, currentUserId, isCRTEnabled}: Props) => {
|
|
const [isEnabled, setIsEnabled] = useState(isCRTEnabled);
|
|
const serverUrl = useServerUrl();
|
|
const intl = useIntl();
|
|
|
|
const close = () => popTopScreen(componentId);
|
|
|
|
const saveCRTPreference = useCallback(async () => {
|
|
close();
|
|
if (isCRTEnabled !== isEnabled) {
|
|
const crtPreference: PreferenceType = {
|
|
category: Preferences.CATEGORIES.DISPLAY_SETTINGS,
|
|
name: Preferences.COLLAPSED_REPLY_THREADS,
|
|
user_id: currentUserId,
|
|
value: isEnabled ? Preferences.COLLAPSED_REPLY_THREADS_ON : Preferences.COLLAPSED_REPLY_THREADS_OFF,
|
|
};
|
|
|
|
EphemeralStore.setEnablingCRT(true);
|
|
const {error} = await savePreference(serverUrl, [crtPreference]);
|
|
if (!error) {
|
|
handleCRTToggled(serverUrl);
|
|
}
|
|
}
|
|
}, [isEnabled, isCRTEnabled, serverUrl]);
|
|
|
|
useBackNavigation(saveCRTPreference);
|
|
useAndroidHardwareBackHandler(componentId, saveCRTPreference);
|
|
|
|
return (
|
|
<SettingContainer testID='crt_display_settings'>
|
|
<SettingBlock
|
|
footerText={crtDescription}
|
|
>
|
|
<SettingOption
|
|
action={setIsEnabled}
|
|
label={intl.formatMessage({id: 'settings_display.crt.label', defaultMessage: 'Collapsed Reply Threads'})}
|
|
selected={isEnabled}
|
|
testID='settings_display.crt.toggle'
|
|
type='toggle'
|
|
/>
|
|
<SettingSeparator/>
|
|
</SettingBlock>
|
|
</SettingContainer>
|
|
);
|
|
};
|
|
|
|
export default DisplayCRT;
|