Add `discussion-links-on-repo-lists` feature (#2981)

Co-Authored-By: Federico Brigante <opensource@bfred.it>

1 files changed, 60 insertions, 0 deletions

diff --git a/source/features/discussion-links-on-repo-lists.tsx b/source/features/discussion-links-on-repo-lists.tsx
new file mode 100644
index 00000000..ce964a45
--- /dev/null
+++ b/source/features/discussion-links-on-repo-lists.tsx
@@ -0,0 +1,60 @@
+import React from 'dom-chef';
+import select from 'select-dom';
+import issueIcon from 'octicon/issue-opened.svg';
+import pullRequestIcon from 'octicon/git-pull-request.svg';
+import features from '../libs/features';
+import observeElement from '../libs/simplified-element-observer';
+
+function init(): void {
+	const repositories = select.all<HTMLAnchorElement>([
+		'[itemprop="name codeRepository"]:not(.rgh-discussion-links)', // `isUserProfileRepoTab`
+		'[data-hydro-click*=\'"model_name":"Repository"\']' // `isGlobalSearchResults`
+	]);
+
+	for (const repositoryLink of repositories) {
+		repositoryLink.classList.add('rgh-discussion-links');
+
+		const repository = repositoryLink.closest('li')!;
+
+		// Remove the "X issues need help" link
+		select('[href*="issues?q=label%3A%22help+wanted"]', repository)?.remove();
+
+		// Place before the "Updated on" element
+		select('relative-time', repository)!.previousSibling!.before(
+			<a
+				className="muted-link mr-3"
+				href={repositoryLink.href + '/issues?q=is%3Aissue+is%3Aopen'}
+			>
+				{issueIcon()}
+			</a>,
+			<a
+				className="muted-link mr-3"
+				href={repositoryLink.href + '/pulls?q=is%3Apr+is%3Aopen'}
+			>
+				{pullRequestIcon()}
+			</a>
+		);
+	}
+}
+
+features.add({
+	id: __featureName__,
+	description: 'Adds a link to the issues and pulls on the user profile repository tab and global search.',
+	screenshot: 'https://user-images.githubusercontent.com/16872793/78712349-82c54900-78e6-11ea-8328-3c2d39a78862.png'
+}, {
+	include: [
+		features.isUserProfileRepoTab,
+		features.isGlobalSearchResults
+	],
+	load: features.onAjaxedPages,
+	init
+}, {
+	include: [
+		features.isUserProfileRepoTab
+	],
+	load: features.onAjaxedPages,
+	init: () => {
+		observeElement('#user-repositories-list', init);
+		return false;
+	}
+});