nexo/apps/mattermost/app/components/common_post_options/reply_option.tsx

43 lines
1.2 KiB
TypeScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React, {useCallback} from 'react';
import {defineMessages} from 'react-intl';
import {fetchAndSwitchToThread} from '@actions/remote/thread';
import {BaseOption} from '@components/common_post_options';
import {useServerUrl} from '@context/server';
import {dismissBottomSheet} from '@screens/navigation';
import type PostModel from '@typings/database/models/servers/post';
type Props = {
post: PostModel;
}
const messages = defineMessages({
reply: {
id: 'mobile.post_info.reply',
defaultMessage: 'Reply',
},
});
const ReplyOption = ({post}: Props) => {
const serverUrl = useServerUrl();
const handleReply = useCallback(async () => {
const rootId = post.rootId || post.id;
await dismissBottomSheet();
fetchAndSwitchToThread(serverUrl, rootId);
}, [post, serverUrl]);
return (
<BaseOption
message={messages.reply}
iconName='reply-outline'
onPress={handleReply}
testID='post_options.reply_post.option'
/>
);
};
export default ReplyOption;