Use local svgs

Author: alexr00

build/filters.js

@@ -44,6 +44,7 @@ module.exports.indentationFilter = [
 	'!**/LICENSE',
 	'!**/*.yml',
 	'!resources/emojis.json',
+	'!**/*.svg',
 
 	// except multiple specific files
 	'!**/package.json',

resources/icons/copilot-error.svg

@@ -7,7 +7,23 @@ import * as path from 'path';
 import * as vscode from 'vscode';
 
 export class Resource {
-	static icons: any;
+	static icons: {
+		reactions: {
+			THUMBS_UP: string;
+			THUMBS_DOWN: string;
+			CONFUSED: string;
+			EYES: string;
+			HEART: string;
+			HOORAY: string;
+			LAUGH: string;
+			ROCKET: string;
+		};
+		copilot: {
+			SUCCESS: string;
+			INPROGRESS: string;
+			ERROR: string;
+		};
+	};
 
 	static initialize(context: vscode.ExtensionContext) {
 		Resource.icons = {
@@ -21,6 +37,11 @@ export class Resource {
 				LAUGH: context.asAbsolutePath(path.join('resources', 'icons', 'reactions', 'laugh.png')),
 				ROCKET: context.asAbsolutePath(path.join('resources', 'icons', 'reactions', 'rocket.png')),
 			},
+			copilot: {
+				SUCCESS: context.asAbsolutePath(path.join('resources', 'icons', 'copilot-success.svg')),
+				INPROGRESS: context.asAbsolutePath(path.join('resources', 'icons', 'copilot-in-progress.svg')),
+				ERROR: context.asAbsolutePath(path.join('resources', 'icons', 'copilot-error.svg')),
+			}
 		};
 	}
 }

resources/icons/copilot-in-progress.svg

@@ -3,7 +3,6 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-import * as vscode from 'vscode';
 import { ReviewStateValue } from '../common/timelineEvent';
 
 export enum PRType {
@@ -183,7 +182,7 @@ export interface IIssueComment {
 export interface Reaction {
 	label: string;
 	count: number;
-	icon?: vscode.Uri;
+	icon?: string;
 	viewerHasReacted: boolean;
 	reactors: readonly string[];
 }

resources/icons/copilot-success.svg

@@ -567,7 +567,7 @@ export function parseGraphQLReaction(reactionGroups: GraphQL.ReactionGroup[]): R
 	const reactionContentEmojiMapping = getReactionGroup().reduce((prev, curr) => {
 		prev[curr.title] = curr;
 		return prev;
-	}, {} as { [key: string]: { title: string; label: string; icon?: vscode.Uri } });
+	}, {} as { [key: string]: { title: string; label: string; icon?: string } });
 
 	const reactions = reactionGroups
 		.filter(group => group.reactors.totalCount > 0)
@@ -1293,7 +1293,7 @@ function parseGraphQLCommitContributions(
 	return items;
 }
 
-export function getReactionGroup(): { title: string; label: string; icon?: vscode.Uri }[] {
+export function getReactionGroup(): { title: string; label: string; icon?: string }[] {
 	const ret = [
 		{
 			title: 'THUMBS_UP',

src/common/resources.ts

@@ -8,6 +8,7 @@ import { Repository } from '../../api/api';
 import { getCommentingRanges } from '../../common/commentingRanges';
 import { InMemFileChange, SlimFileChange } from '../../common/file';
 import Logger from '../../common/logger';
+import { Resource } from '../../common/resources';
 import { FILE_LIST_LAYOUT, PR_SETTINGS_NAMESPACE, SHOW_PULL_REQUEST_NUMBER_IN_TREE } from '../../common/settingKeys';
 import { createPRNodeUri, DataUri, fromPRUri, Schemes } from '../../common/uri';
 import { FolderRepositoryManager } from '../../github/folderRepositoryManager';
@@ -260,15 +261,24 @@ export class PRNode extends TreeNode implements vscode.CommentingRangeProvider2
 		});
 	}
 
-	private async _getIcon(): Promise<vscode.Uri | vscode.ThemeIcon> {
+	private async _getIcon(): Promise<vscode.Uri | vscode.ThemeIcon | { light: string | vscode.Uri; dark: string | vscode.Uri }> {
 		const copilotWorkingStatus = await this.pullRequestModel.githubRepository.copilotWorkingStatus(this.pullRequestModel);
 		switch (copilotWorkingStatus) {
 			case CopilotWorkingStatus.InProgress:
-				return new vscode.ThemeIcon('copilot-in-progress');
+				return {
+					light: Resource.icons.copilot.INPROGRESS,
+					dark: Resource.icons.copilot.INPROGRESS
+				};
 			case CopilotWorkingStatus.Done:
-				return new vscode.ThemeIcon('copilot-success');
+				return {
+					light: Resource.icons.copilot.SUCCESS,
+					dark: Resource.icons.copilot.SUCCESS
+				};
 			case CopilotWorkingStatus.Error:
-				return new vscode.ThemeIcon('copilot-error');
+				return {
+					light: Resource.icons.copilot.ERROR,
+					dark: Resource.icons.copilot.ERROR
+				};
 			case CopilotWorkingStatus.NotCopilotIssue:
 			default:
 				return (await DataUri.avatarCirclesAsImageDataUris(this._folderReposManager.context, [this.pullRequestModel.author], 16, 16))[0]