mattermost-mobile/app/components/channel_actions/set_header_box/index.ts
Daniel Espino García 3abaf8893d
Add minor fixes and performance improvements on channel switch (#6469)
* Add minor fixes and performance improvements

* Add comment
2022-07-15 16:04:58 +02:00

38 lines
1.2 KiB
TypeScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
// 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, distinctUntilChanged} from 'rxjs/operators';
import {observeChannelInfo} from '@queries/servers/channel';
import SetHeaderBox from './set_header';
import type {WithDatabaseArgs} from '@typings/database/database';
type OwnProps = WithDatabaseArgs & {
channelId: string;
}
const enhanced = withObservables(['channelId'], ({channelId, database}: OwnProps) => {
const channelInfo = observeChannelInfo(database, channelId);
const isHeaderSet = channelInfo.pipe(
switchMap((c) => of$(Boolean(c?.header))),
// Channel info is fetched when we switch to the channel, and should update
// the member count whenever a user joins or leaves the channel, so this should
// save us a few renders.
distinctUntilChanged(),
);
return {
isHeaderSet,
};
});
export default withDatabase(enhanced(SetHeaderBox));