* refactor: started with draft, done until new tabs for draft
* refactor: change the query and added the screen for draft
* added condition for fetching draft for channel delete or not
* refactor: added draft screen
* linter fixes
* Added draft post component
* added avatar and header display name for the draft post list
* added channel info component
* channel info completed
* proper naming
* added image file markdown acknowledgement support
* draft actions
* Fix the draft receiver in drafts
* separated send message handler
* Done with send drafts
* done with delete drafts
* change save to send draft
* handle lengthy message with show more button
* done with persistent message edit, send and delete drafts
* added alert for sending message
* added update at time for the drafts
* en.json extract fix
* Updated dependencies for useCallback
* refactor: added drafts list to animated list
* added swipeable component and delete conformation for drafts
* done with rendering of images in markdown for drafts
* en.json issue fixed
* fix en.json issue
* refactor: en.json fix
* addressed review comments
* updated image metadata handling code
* linter fixes
* added the empty draft screen
* linter fix
* style fix
* back button an android takes to the channel list page
* en.json fix
* draft actions theme compatible
* CSS fix for draft channel_info and avatar component
* removed the badge icon and change font style drafts
* fix send alert sender name for GMs
* updated snapshot
* added testId to the drafts components
* updated send draft test id
* clicking on draft takes to the channel
* Added toptip for draft tours
* intl extract
* Rebase to main and reverted local testing changes
* Added tooltip for drafts
* addressed review comments
* reset navigation when click on a draft in draft tabs
* fix the theme issue and navigation issue
* reverted back the draft click navigation changes
* observing draft when hitting back button
* removed the unwanted animiation
* updated regex for parsing markdown
* removed unnecessary checks and change folder name
* removed react memo and merge unwanted observes function
* removed unnecessary comments
* changed the name for observing and querying draft function
* removed memo from component level
* Text to FormattedText component
* Text to formatted text, change image name
* added confirmation modal for deleting draft from bottomsheet
* using common send_handler for both draft and post
* removed magic number for tooltip and bottomsheet
* renamed channel_info to draft_post_header
* text to formattedText for Edit drafts
* removed unnecessary changes
* minor fixes
* mounting draft only when there is draft
* map to reduce
* renamed SwipeableDraft to DraftSwipeAction
* name fixes
* isValidUrl to isParsableUrl and added test
* added test and addressed minor review comments
* added inline component for the duplicate code
* inlt fixes
* clearDraft is not optional
* optimised categories_list.tsx component
* Swipeable to ReanimatedSwipeable, TouchableWithoutFeedback to Pressable and folder name changes
* Added comment and disabled eslint rule for showing warning
* fixed component file name
* minor'
* Removed deprecated Animated createAnimatedComponent flatlist
* added test for missing protocol check
* import change for SwipeableMethod
* active tab for tablet view
* Updated the drafts icons
* Updated compass-icon version to v0.1.48
---------
Co-authored-by: Mattermost Build <build@mattermost.com>
(cherry picked from commit 84eded1bde)
Co-authored-by: Rajat Dabade <rajatdabade1997@gmail.com>
169 lines
5.2 KiB
TypeScript
169 lines
5.2 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React, {useCallback} from 'react';
|
|
|
|
import {updateDraftPriority} from '@actions/local/draft';
|
|
import {PostPriorityType} from '@constants/post';
|
|
import {useServerUrl} from '@context/server';
|
|
import {useHandleSendMessage} from '@hooks/handle_send_message';
|
|
import SendDraft from '@screens/draft_options/send_draft';
|
|
|
|
import DraftInput from '../draft_input';
|
|
|
|
import type CustomEmojiModel from '@typings/database/models/servers/custom_emoji';
|
|
import type {AvailableScreens} from '@typings/screens/navigation';
|
|
|
|
type Props = {
|
|
testID?: string;
|
|
channelId: string;
|
|
channelType?: ChannelType;
|
|
channelName?: string;
|
|
rootId: string;
|
|
canShowPostPriority?: boolean;
|
|
setIsFocused: (isFocused: boolean) => void;
|
|
|
|
// From database
|
|
currentUserId: string;
|
|
cursorPosition: number;
|
|
enableConfirmNotificationsToChannel?: boolean;
|
|
maxMessageLength: number;
|
|
membersCount?: number;
|
|
useChannelMentions: boolean;
|
|
userIsOutOfOffice: boolean;
|
|
customEmojis: CustomEmojiModel[];
|
|
|
|
// DRAFT Handler
|
|
value: string;
|
|
files: FileInfo[];
|
|
clearDraft: () => void;
|
|
updateValue: React.Dispatch<React.SetStateAction<string>>;
|
|
updateCursorPosition: React.Dispatch<React.SetStateAction<number>>;
|
|
updatePostInputTop: (top: number) => void;
|
|
addFiles: (file: FileInfo[]) => void;
|
|
uploadFileError: React.ReactNode;
|
|
persistentNotificationInterval: number;
|
|
persistentNotificationMaxRecipients: number;
|
|
postPriority: PostPriority;
|
|
|
|
bottomSheetId?: AvailableScreens;
|
|
channelDisplayName?: string;
|
|
isFromDraftView?: boolean;
|
|
draftReceiverUserName?: string;
|
|
}
|
|
|
|
export const INITIAL_PRIORITY = {
|
|
priority: PostPriorityType.STANDARD,
|
|
requested_ack: false,
|
|
persistent_notifications: false,
|
|
};
|
|
|
|
export default function SendHandler({
|
|
testID,
|
|
channelId,
|
|
channelType,
|
|
channelName,
|
|
channelDisplayName,
|
|
currentUserId,
|
|
enableConfirmNotificationsToChannel,
|
|
files,
|
|
maxMessageLength,
|
|
membersCount = 0,
|
|
cursorPosition,
|
|
rootId,
|
|
canShowPostPriority,
|
|
useChannelMentions,
|
|
userIsOutOfOffice,
|
|
customEmojis,
|
|
value,
|
|
clearDraft,
|
|
updateValue,
|
|
addFiles,
|
|
uploadFileError,
|
|
updateCursorPosition,
|
|
updatePostInputTop,
|
|
setIsFocused,
|
|
persistentNotificationInterval,
|
|
persistentNotificationMaxRecipients,
|
|
postPriority,
|
|
bottomSheetId,
|
|
draftReceiverUserName,
|
|
isFromDraftView,
|
|
}: Props) {
|
|
const serverUrl = useServerUrl();
|
|
|
|
const handlePostPriority = useCallback((priority: PostPriority) => {
|
|
updateDraftPriority(serverUrl, channelId, rootId, priority);
|
|
}, [serverUrl, channelId, rootId]);
|
|
|
|
const {handleSendMessage, canSend} = useHandleSendMessage({
|
|
value,
|
|
channelId,
|
|
rootId,
|
|
files,
|
|
maxMessageLength,
|
|
customEmojis,
|
|
enableConfirmNotificationsToChannel,
|
|
useChannelMentions,
|
|
membersCount,
|
|
userIsOutOfOffice,
|
|
currentUserId,
|
|
channelType,
|
|
postPriority,
|
|
clearDraft,
|
|
});
|
|
|
|
if (isFromDraftView) {
|
|
return (
|
|
<SendDraft
|
|
channelId={channelId}
|
|
rootId={rootId}
|
|
channelType={channelType}
|
|
currentUserId={currentUserId}
|
|
channelName={channelName}
|
|
channelDisplayName={channelDisplayName}
|
|
enableConfirmNotificationsToChannel={enableConfirmNotificationsToChannel}
|
|
maxMessageLength={maxMessageLength}
|
|
membersCount={membersCount}
|
|
useChannelMentions={useChannelMentions}
|
|
userIsOutOfOffice={userIsOutOfOffice}
|
|
customEmojis={customEmojis}
|
|
bottomSheetId={bottomSheetId}
|
|
value={value}
|
|
files={files}
|
|
postPriority={postPriority}
|
|
persistentNotificationInterval={persistentNotificationInterval}
|
|
persistentNotificationMaxRecipients={persistentNotificationMaxRecipients}
|
|
draftReceiverUserName={draftReceiverUserName}
|
|
/>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<DraftInput
|
|
testID={testID}
|
|
channelId={channelId}
|
|
channelType={channelType}
|
|
channelName={channelName}
|
|
currentUserId={currentUserId}
|
|
rootId={rootId}
|
|
canShowPostPriority={canShowPostPriority}
|
|
cursorPosition={cursorPosition}
|
|
updateCursorPosition={updateCursorPosition}
|
|
value={value}
|
|
files={files}
|
|
updateValue={updateValue}
|
|
addFiles={addFiles}
|
|
uploadFileError={uploadFileError}
|
|
sendMessage={handleSendMessage}
|
|
canSend={canSend}
|
|
maxMessageLength={maxMessageLength}
|
|
updatePostInputTop={updatePostInputTop}
|
|
postPriority={postPriority}
|
|
updatePostPriority={handlePostPriority}
|
|
persistentNotificationInterval={persistentNotificationInterval}
|
|
persistentNotificationMaxRecipients={persistentNotificationMaxRecipients}
|
|
setIsFocused={setIsFocused}
|
|
/>
|
|
);
|
|
}
|