Use different stop icon for ❇

Fixes #6526
microsoft · Dec 13, 2024 · 9a7cdac · 9a7cdac
1 parent fb9890a
commit 9a7cdac
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/resources/icons/stop-circle.svg b/resources/icons/stop-circle.svg
diff --git a/resources/icons/stop.svg b/resources/icons/stop.svg
diff --git a/webviews/components/icon.tsx b/webviews/components/icon.tsx
@@ -42,4 +42,4 @@ export const labelIcon = <Icon src={require('../../resources/icons/label.svg')}
 export const milestoneIcon = <Icon src={require('../../resources/icons/milestone.svg')} />;
 export const projectIcon = <Icon src={require('../../resources/icons/github-project.svg')} />;
 export const sparkleIcon = <Icon src={require('../../resources/icons/sparkle.svg')} />;
-export const stopIcon = <Icon src={require('../../resources/icons/stop.svg')} />;
+export const stopCircleIcon = <Icon src={require('../../resources/icons/stop-circle.svg')} />;
diff --git a/webviews/createPullRequestViewNew/app.tsx b/webviews/createPullRequestViewNew/app.tsx
@@ -11,7 +11,7 @@ import PullRequestContextNew from '../common/createContextNew';
 import { ErrorBoundary } from '../common/errorBoundary';
 import { LabelCreate } from '../common/label';
 import { ContextDropdown } from '../components/contextDropdown';
-import { assigneeIcon, labelIcon, milestoneIcon, prBaseIcon, prMergeIcon, projectIcon, reviewerIcon, sparkleIcon, stopIcon } from '../components/icon';
+import { assigneeIcon, labelIcon, milestoneIcon, prBaseIcon, prMergeIcon, projectIcon, reviewerIcon, sparkleIcon, stopCircleIcon } from '../components/icon';
 import { Avatar } from '../components/user';
 
 type CreateMethod = 'create-draft' | 'create' | 'create-automerge-squash' | 'create-automerge-rebase' | 'create-automerge-merge';
@@ -240,7 +240,7 @@ export function main() {
 						</input>
 						{ctx.createParams.generateTitleAndDescriptionTitle ?
 							isGeneratingTitle ?
-								<a title='Cancel' className={`title-action icon-button${isBusy || !ctx.initialized ? ' disabled' : ''}`} onClick={ctx.cancelGenerateTitle} tabIndex={0}>{stopIcon}</a>
+								<a title='Cancel' className={`title-action icon-button${isBusy || !ctx.initialized ? ' disabled' : ''}`} onClick={ctx.cancelGenerateTitle} tabIndex={0}>{stopCircleIcon}</a>
 								: <a title={ctx.createParams.generateTitleAndDescriptionTitle} className={`title-action icon-button${isBusy || !ctx.initialized ? ' disabled' : ''}`} onClick={() => generateTitle()} tabIndex={0}>{sparkleIcon}</a> : null}
 						<div id='title-error' className={params.showTitleValidationError ? 'validation-error below-input-error' : 'hidden'}>A title is required</div>
 					</div>