Fix merge queue support in focus view (#8400)

Author: alexr00

src/github/activityBarViewProvider.ts

@@ -200,10 +200,11 @@ export class PullRequestViewProvider extends WebviewViewBase implements vscode.W
 				pullRequestModel.canEdit(),
 				pullRequestModel.validateDraftMode(),
 				pullRequestModel.getCoAuthors(),
-				ensureEmojis(this._folderRepositoryManager.context)
+				this._folderRepositoryManager.mergeQueueMethodForBranch(pullRequestModel.base.ref, pullRequestModel.remote.owner, pullRequestModel.remote.repositoryName),
+				ensureEmojis(this._folderRepositoryManager.context),
 			]);
 			this._updatingPromise = updatingPromise;
-			const [pullRequest, repositoryAccess, timelineEvents, requestedReviewers, branchInfo, defaultBranch, currentUser, viewerCanEdit, hasReviewDraft, coAuthors] = await updatingPromise;
+			const [pullRequest, repositoryAccess, timelineEvents, requestedReviewers, branchInfo, defaultBranch, currentUser, viewerCanEdit, hasReviewDraft, coAuthors, mergeQueueMethod] = await updatingPromise;
 
 			if (!pullRequest) {
 				throw new Error(
@@ -285,6 +286,7 @@ export class PullRequestViewProvider extends WebviewViewBase implements vscode.W
 				events: timelineEvents,
 				mergeMethodsAvailability,
 				defaultMergeMethod,
+				mergeQueueMethod,
 				repositoryDefaultBranch: defaultBranch,
 				doneCheckoutBranch,
 				isIssue: false,

src/github/pullRequestOverview.ts

@@ -356,7 +356,7 @@ export class PullRequestOverviewPanel extends IssueOverviewPanel<PullRequestMode
 				autoMerge: pullRequest.autoMerge,
 				allowAutoMerge: pullRequest.allowAutoMerge,
 				autoMergeMethod: pullRequest.autoMergeMethod,
-				mergeQueueMethod: mergeQueueMethod,
+				mergeQueueMethod,
 				mergeQueueEntry: pullRequest.mergeQueueEntry,
 				mergeCommitMeta: pullRequest.mergeCommitMeta,
 				squashCommitMeta: pullRequest.squashCommitMeta,

webviews/components/merge.tsx

@@ -427,7 +427,14 @@ export const MergeOnGitHub = () => {
 };
 
 export const MergeSimple = (pr: PullRequest) => {
-	const { merge, updatePR } = useContext(PullRequestContext);
+	const { merge, updatePR, enqueue } = useContext(PullRequestContext);
+
+	if (pr.mergeQueueMethod) {
+		return <div className='button-container'>
+			<button onClick={() => enqueue()}>Add to Merge Queue</button>
+		</div>;
+	}
+
 	async function submitAction(selected: MergeMethod): Promise<void> {
 		const newContext = await merge({
 			title: '',