Add an icon for capturing a trace for early feedback

Author: canova

icons/stopping/icon128.png

@@ -31,6 +31,12 @@ export const state = {
     chrome.action.setTitle({ title: "Click to capture the trace" });
   },
 
+  stopping() {
+    this.recordingState = "stopping";
+    setIcons("stopping");
+    chrome.action.setTitle({ title: "Capturing a trace" });
+  },
+
   reset() {
     // Reset the state
     this.recordingState = "idle";
@@ -79,7 +85,7 @@ export const state = {
 
 /**
  * Sets the icon of the extension
- * @param {"on" | "off"} variant
+ * @param {"on" | "off" | "stopping"} variant
  */
 function setIcons(variant) {
   chrome.action.setIcon({

icons/stopping/icon16.png

@@ -101,7 +101,7 @@ export async function stopTracingAndCollect() {
     console.warn("Failed to get the Tab ID");
     return;
   }
-  state.recordingState = "stopping";
+  state.stopping();
 
   // Add the event listener first and then stop the tracing.
   chrome.debugger.onEvent.addListener(
@@ -153,7 +153,7 @@ export async function stopTracing() {
     console.warn("Failed to get the Tab ID");
     return;
   }
-  state.recordingState = "stopping";
+  state.stopping();
 
   // Stop tracing without collecting the trace.
   await chrome.debugger.sendCommand({ tabId }, "Tracing.end");