mattermost-mobile/app/screens/channel_info/options/my_autotranslation/index.ts

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import {withDatabase, withObservables} from '@nozbe/watermelondb/react';
import {of as of$} from 'rxjs';
import {switchMap} from 'rxjs/operators';

import {observeChannel, observeIsChannelAutotranslated} from '@queries/servers/channel';
import {observeIsUserLanguageSupportedByAutotranslation} from '@queries/servers/user';

import MyAutotranslation from './my_autotranslation';

import type {WithDatabaseArgs} from '@typings/database/database';

type Props = WithDatabaseArgs & {
    channelId: string;
}

const enhanced = withObservables(['channelId'], ({channelId, database}: Props) => {
    const channel = observeChannel(database, channelId);
    const enabled = observeIsChannelAutotranslated(database, channelId);
    const isLanguageSupported = observeIsUserLanguageSupportedByAutotranslation(database);

    return {
        enabled,
        displayName: channel.pipe(switchMap((c) => of$(c?.displayName || ''))),
        isLanguageSupported,
    };
});

export default withDatabase(enhanced(MyAutotranslation));