Add `link-to-compare-diff` feature (#5458)

Co-authored-by: Kid <44045911+kidonng@users.noreply.github.com>

1 files changed, 26 insertions, 0 deletions

diff --git a/source/features/link-to-compare-diff.tsx b/source/features/link-to-compare-diff.tsx
new file mode 100644
index 00000000..c322f2ac
--- /dev/null
+++ b/source/features/link-to-compare-diff.tsx
@@ -0,0 +1,26 @@
+import './link-to-compare-diff.css';
+import React from 'dom-chef';
+import select from 'select-dom';
+import * as pageDetect from 'github-url-detection';
+
+import features from '.';
+import {wrapAll} from '../helpers/dom-utils';
+
+function init(): void {
+	const changedFilesSummary = select('.Box .octicon-file-diff')!.closest('li')!;
+	wrapAll(
+		[...changedFilesSummary.children],
+		<a className="no-underline rgh-link-to-compare-diff" href="#files_bucket"/>,
+	);
+}
+
+void features.add(import.meta.url, {
+	include: [
+		pageDetect.isCompare,
+	],
+	exclude: [
+		() => select.exists('.tabnav'), // The commit list and compare diff are in two separate tabs
+	],
+	deduplicate: 'has-rgh-inner',
+	init,
+});