Replace comment icon with quote icon for quote reply functionality (#7188)

* Initial plan

* Replace comment icon with quote icon for quote reply functionality

Co-authored-by: alexr00 <[email protected]>

* Remove unused import

Author: Copilot

resources/icons/quote.svg

@@ -13,7 +13,7 @@ import PullRequestContext from '../common/context';
 import emitter from '../common/events';
 import { useStateProp } from '../common/hooks';
 import { ContextDropdown } from './contextDropdown';
-import { commentIcon, deleteIcon, editIcon } from './icon';
+import { deleteIcon, editIcon, quoteIcon } from './icon';
 import { nbsp, Spaced } from './space';
 import { Timestamp } from './timestamp';
 import { AuthorLink, Avatar } from './user';
@@ -93,7 +93,7 @@ export function CommentView(commentProps: Props) {
 					className="icon-button"
 					onClick={() => emitter.emit('quoteReply', bodyMd)}
 				>
-					{commentIcon}
+					{quoteIcon}
 				</button>
 				{canEdit ? (
 					<button title="Edit comment" className="icon-button" onClick={() => setEditMode(true)}>

webviews/components/comment.tsx

@@ -18,6 +18,7 @@ export const skipIcon = <Icon src={require('../../resources/icons/skip.svg')} cl
 export const chevronIcon = <Icon src={require('../../resources/icons/chevron.svg')} />;
 export const chevronDownIcon = <Icon src={require('../../resources/icons/chevron_down.svg')} />;
 export const commentIcon = <Icon src={require('../../resources/icons/comment.svg')} />;
+export const quoteIcon = <Icon src={require('../../resources/icons/quote.svg')} />;
 export const commitIcon = <Icon src={require('../../resources/icons/commit_icon.svg')} />;
 export const copyIcon = <Icon src={require('../../resources/icons/copy.svg')} />;
 export const deleteIcon = <Icon src={require('../../resources/icons/delete.svg')} />;