1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
import React from 'dom-chef';
import select from 'select-dom';
import delegate from 'delegate-it';
import {observe} from 'selector-observer';
import {TrashIcon} from '@primer/octicons-react';
import * as pageDetect from 'github-url-detection';
import features from '.';
import loadDetailsMenu from '../github-helpers/load-details-menu';
const deinit: VoidFunction[] = [];
async function onButtonClick({delegateTarget: button}: delegate.Event): Promise<void> {
button
.closest('.js-comment')!
.querySelector('.show-more-popover .js-comment-delete > button')!
.click();
}
async function onEditButtonClick({delegateTarget: button}: delegate.Event): Promise<void> {
const comment = button.closest('.js-comment')!;
await loadDetailsMenu(select('details-menu.show-more-popover', comment)!);
}
function addDeleteButton(cancelButton: Element): void {
cancelButton.classList.add('rgh-delete-button-added');
cancelButton.after(
<button className="btn btn-danger float-left rgh-review-comment-delete-button" type="button">
<TrashIcon/>
</button>,
);
}
function init(): void {
const listener = delegate(document, '.rgh-review-comment-delete-button', 'click', onButtonClick);
const editButtonListener = delegate(document, '.rgh-edit-comments-faster-button', 'click', onEditButtonClick);
const observer = observe('.review-comment > .unminimized-comment form:not(.js-single-suggested-change-form) .js-comment-cancel-button:not(.rgh-delete-button-added)', {
add: addDeleteButton,
});
deinit.push(listener.destroy, editButtonListener.destroy, observer.abort);
}
void features.add(__filebasename, {
include: [
pageDetect.isPRConversation,
pageDetect.isPRFiles,
],
awaitDomReady: false,
init,
deinit,
});
|
