Displays the associated Bitbucket issue on the Graph

(#4047)

Author: sergeibbb

src/webviews/apps/plus/graph/GraphWrapper.tsx

@@ -184,6 +184,7 @@ const createIconElements = (): Record<string, ReactElement> => {
 		'issue-gitlab',
 		'issue-jiraCloud',
 		'issue-azureDevops',
+		'issue-bitbucket',
 	];
 
 	const miniIconList = ['upstream-ahead', 'upstream-behind'];

src/webviews/apps/plus/graph/graph.scss

@@ -871,6 +871,13 @@ button:not([disabled]),
 			@include iconUtils.codicon('issues');
 		}
 	}
+
+	&--issue-bitbucket {
+		&::before {
+			font-family: codicon;
+			@include iconUtils.codicon('issues');
+		}
+	}
 }
 
 .titlebar {

src/webviews/plus/graph/graphWebview.ts

@@ -4225,6 +4225,9 @@ function toGraphIssueTrackerType(id: string): GraphIssueTrackerType | undefined
 		case 'azure-devops':
 			// TODO: Remove the casting once this is officially recognized by the component
 			return 'azureDevops' as GraphIssueTrackerType;
+		case 'bitbucket':
+			// TODO: Remove the casting once this is officially recognized by the component
+			return HostingIntegrationId.Bitbucket as GraphIssueTrackerType;
 		default:
 			return undefined;
 	}