IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

handleFileUploadComplete updates wrong draft (#23983)

Browse Source
This commit is contained in:
LeonardJouve 2023-11-27 10:52:56 +01:00 committed by GitHub
parent 49919d2be5
commit 3f641588fa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
webapp/channels/src/components/advanced_create_post/advanced_create_post.test.tsx
View File

@ -850,7 +850,9 @@ describe('components/advanced_create_post', () => {
],
};
instance.draftsForChannel[currentChannelProp.id] = uploadsInProgressDraft;
const channelId = 'another_channel_id';
instance.draftsForChannel[channelId] = uploadsInProgressDraft;
wrapper.setProps({draft: uploadsInProgressDraft});
const fileInfos = [TestHelper.getFileInfoMock({id: 'a'})];
@ -862,10 +864,9 @@ describe('components/advanced_create_post', () => {
],
};
instance.handleFileUploadComplete(fileInfos, clientIds, currentChannelProp.id);
instance.handleFileUploadComplete(fileInfos, clientIds, channelId);
jest.advanceTimersByTime(Constants.SAVE_DRAFT_TIMEOUT);
expect(setDraft).toHaveBeenCalledWith(StoragePrefixes.DRAFT + currentChannelProp.id, expectedDraft, currentChannelProp.id);
expect(setDraft).toHaveBeenCalledWith(StoragePrefixes.DRAFT + channelId, expectedDraft, channelId);
});
it('check for handleUploadError callback', () => {
@ -945,7 +946,7 @@ describe('components/advanced_create_post', () => {
jest.advanceTimersByTime(Constants.SAVE_DRAFT_TIMEOUT);
expect(setDraft).toHaveBeenCalledTimes(1);
expect(setDraft).toHaveBeenCalledWith(StoragePrefixes.DRAFT + currentChannelProp.id, draftProp, currentChannelProp.id, false);
expect(setDraft).toHaveBeenCalledWith(StoragePrefixes.DRAFT + currentChannelProp.id, draftProp, currentChannelProp.id);
expect(instance.handleFileUploadChange).toHaveBeenCalledTimes(1);
});

31
webapp/channels/src/components/advanced_create_post/advanced_create_post.tsx
View File

@ -565,8 +565,7 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
}
this.isDraftSubmitting = false;
this.props.actions.setDraft(StoragePrefixes.DRAFT + channelId, null, channelId);
this.draftsForChannel[channelId] = null;
this.removeDraft(channelId);
};
handleNotifyAllConfirmation = () => {
@ -796,7 +795,6 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
};
sendReaction(isReaction: RegExpExecArray) {
const channelId = this.props.currentChannel.id;
const action = isReaction[1];
const emojiName = isReaction[2];
const postId = this.props.latestReplyablePostId;
@ -805,8 +803,7 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
this.props.actions.submitReaction(postId, action, emojiName);
}
this.props.actions.setDraft(StoragePrefixes.DRAFT + channelId, null, channelId);
this.draftsForChannel[channelId] = null;
this.removeDraft();
}
focusTextbox = (keepFocus = false) => {
@ -891,9 +888,7 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
this.handleDraftChange(draft);
};
handleDraftChange = (draft: PostDraft, instant = false) => {
const channelId = this.props.currentChannel.id;
handleDraftChange = (draft: PostDraft, channelId = this.props.currentChannel.id, instant = false) => {
if (this.saveDraftFrame) {
clearTimeout(this.saveDraftFrame);
}
@ -909,6 +904,11 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
this.draftsForChannel[channelId] = draft;
};
removeDraft = (channelId = this.props.currentChannel.id) => {
this.props.actions.setDraft(StoragePrefixes.DRAFT + channelId, null, channelId);
this.draftsForChannel[channelId] = null;
};
handleFileUploadChange = () => {
this.focusTextbox();
};
@ -921,8 +921,7 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
uploadsInProgress,
};
this.props.actions.setDraft(StoragePrefixes.DRAFT + channelId, draft, channelId);
this.draftsForChannel[channelId] = draft;
this.handleDraftChange(draft, channelId, true);
// this is a bit redundant with the code that sets focus when the file input is clicked,
// but this also resets the focus after a drag and drop
@ -955,7 +954,7 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
draft.fileInfos = sortFileInfos(draft.fileInfos.concat(fileInfos), this.props.locale);
}
this.handleDraftChange(draft, true);
this.handleDraftChange(draft, channelId, true);
};
handleUploadError = (uploadError: string | ServerError | null, clientId?: string, channelId?: string) => {
@ -971,8 +970,7 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
...draft,
uploadsInProgress,
};
this.props.actions.setDraft(StoragePrefixes.DRAFT + channelId, modifiedDraft, channelId);
this.draftsForChannel[channelId] = modifiedDraft;
this.handleDraftChange(modifiedDraft, channelId, true);
}
}
}
@ -989,7 +987,6 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
removePreview = (id: string) => {
let modifiedDraft = {} as PostDraft;
const draft = {...this.props.draft};
const channelId = this.props.currentChannel.id;
// Clear previous errors
this.setState({serverError: null});
@ -1020,9 +1017,7 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
};
}
this.props.actions.setDraft(StoragePrefixes.DRAFT + channelId, modifiedDraft, channelId, false);
this.draftsForChannel[channelId] = modifiedDraft;
this.handleDraftChange(modifiedDraft, this.props.currentChannel.id, true);
this.handleFileUploadChange();
if (this.saveDraftFrame) {
@ -1284,7 +1279,7 @@ class AdvancedCreatePost extends React.PureComponent<Props, State> {
updatedDraft.metadata = {};
}
this.handleDraftChange(updatedDraft, true);
this.handleDraftChange(updatedDraft, this.props.currentChannel.id, true);
this.focusTextbox();
};