utterance/utterances
1
1
Fork 0
mirror of https://github.com/utterance/utterances.git synced 2024-07-14 18:40:23 +03:00
Code Issues Projects Releases Wiki Activity

lock reactions when issue is locked (#245)

Browse Source
This commit is contained in:
Jeremy Danyow 2020-01-18 09:06:49 -08:00 committed by GitHub
parent 071b85f647
commit 2227d6e18b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/comment-component.ts
View File

@ -19,7 +19,8 @@ export class CommentComponent {
constructor(
public comment: IssueComment,
private currentUser: string | null
private currentUser: string | null,
locked: boolean
) {
const { user, html_url, created_at, body_html, author_association, reactions } = comment;
this.element = document.createElement('article');
@ -29,6 +30,17 @@ export class CommentComponent {
}
const association = displayAssociations[author_association];
const reactionCount = reactionTypes.reduce((sum, id) => sum + reactions[id], 0);
let headerReactionsMenu = '';
let footerReactionsMenu = '';
if (!locked) {
if (currentUser) {
headerReactionsMenu = getReactionsMenuHtml(comment.reactions.url, 'right');
footerReactionsMenu = getReactionsMenuHtml(comment.reactions.url, 'center');
} else {
headerReactionsMenu = getSignInToReactMenuHtml('right');
footerReactionsMenu = getSignInToReactMenuHtml('center');
}
}
this.element.innerHTML = `
<a class="avatar" href="${user.html_url}" target="_blank" tabindex="-1">
<img alt="@${user.login}" height="44" width="44"
@ -43,7 +55,7 @@ export class CommentComponent {
</span>
<div class="comment-actions">
${association ? `<span class="author-association-badge">${association}</span>` : ''}
${currentUser ? getReactionsMenuHtml(comment.reactions.url, 'right') : getSignInToReactMenuHtml('right')}
${headerReactionsMenu}
</div>
</header>
<div class="markdown-body markdown-body-scrollable">
@ -51,9 +63,9 @@ export class CommentComponent {
</div>
<div class="comment-footer" reaction-count="${reactionCount}" reaction-url="${reactions.url}">
<form class="reaction-list BtnGroup" action="javascript:">
${reactionTypes.map(id => getReactionHtml(reactions.url, id, !currentUser, reactions[id])).join('')}
${reactionTypes.map(id => getReactionHtml(reactions.url, id, !currentUser || locked, reactions[id])).join('')}
</form>
${currentUser ? getReactionsMenuHtml(comment.reactions.url, 'center') : getSignInToReactMenuHtml('center')}
${footerReactionsMenu}
</div>
</div>`;

3
src/timeline-component.ts
View File

@ -53,7 +53,8 @@ export class TimelineComponent {
public insertComment(comment: IssueComment, incrementCount: boolean) {
const component = new CommentComponent(
comment,
this.user ? this.user.login : null);
this.user ? this.user.login : null,
this.issue!.locked);
const index = this.timeline.findIndex(x => x.comment.id >= comment.id);
if (index === -1) {