fix: check icon not showing when copy btn clicked

src/popup/popup.css

@@ -40,7 +40,7 @@ body {
     background-color: var(--background-color);
     font-size: calc(var(--font-size-base) * var(--scale-factor));
     font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, sans-serif;
-    padding: 0 calc(20px * var(--scale-factor));
+    padding: calc(25px * var(--scale-factor)) calc(20px * var(--scale-factor));
     width: calc(400px * var(--scale-factor));
     margin: 0;
     line-height: 1.5;
@@ -298,9 +298,10 @@ pre[class*="language-"] {
 }
 
 #clear-code-btn {
-    margin-left: calc(10px * var(--scale-factor));
+    margin-left: calc(5px * var(--scale-factor));
 }
 
+
 /* Settings */
 #settings-icon {
     width: calc(24px * var(--scale-factor));
@@ -326,6 +327,7 @@ pre[class*="language-"] {
 
 #settings-menu {
     text-align: center;
+    padding: calc(15px * var(--scale-factor)) 0;
 }
 
 .video-container {

src/popup/popup.js

@@ -0,0 +1,23 @@
+// Add code to highlight response after it's displayed
+document.addEventListener('DOMContentLoaded', function() {
+    // Function to make the response visible and highlighted
+    function watchForResponseContent() {
+        const responseElement = document.getElementById('analyze-code-response');
+        if (responseElement) {
+            // Create a MutationObserver to detect when content is added
+            const observer = new MutationObserver(function(mutations) {
+                mutations.forEach(function(mutation) {
+                    if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
+                        // Make sure the element is visible by removing the 'hidden' class
+                        responseElement.classList.remove('hidden');
+                    }
+                });
+            });
+
+            // Start observing the response element
+            observer.observe(responseElement, { childList: true, subtree: true });
+        }
+    }
+
+    watchForResponseContent();
+}); 

src/popup/popup.ts

@@ -307,9 +307,17 @@ function initCopyButton(): void {
     const copyButton = elements['copyCodeBtn'];
     if (!copyButton) return;
     copyButton.onclick = async () => {
-        setInfoMessage('Copied Code', 3000);
-        // change icon to check-icon.png
-        copyButton
+        setInfoMessage('Copied Code', 1000);
+        // Change icon to check-icon.png
+        const copyButtonImg = copyButton.querySelector('img');
+        if (copyButtonImg) {
+            copyButtonImg.src = '../assets/images/check-icon.png';
+            // After 1 second, change the icon back to the copy icon
+            setTimeout(() => {
+                copyButtonImg.src = '../assets/images/copy-icon.png';
+            }, 1000);
+        }
+
         if (fixCodeResponse && fixCodeResponse.textContent) {
             await navigator.clipboard.writeText(fixCodeResponse.textContent);
         }