mattermost-mobile-upstream/app/screens/reactions/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 {observePost} from '@queries/servers/post';
import {observeReactionsForPost} from '@queries/servers/reaction';

import Reactions from './reactions';

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

export type ReactionsProps = {
    postId: string;
    initialEmoji: string;
    location: AvailableScreens;
}

type EnhancedProps = ReactionsProps & WithDatabaseArgs;

const enhanced = withObservables([], ({postId, database}: EnhancedProps) => {
    const post = observePost(database, postId);

    return {
        reactions: post.pipe(
            switchMap((p) => (p ? observeReactionsForPost(database, postId) : of$(undefined))),
        ),
    };
});

export default withDatabase(enhanced(Reactions));