add refresh hint

scott-the-programmer · scott-the-programmer · commit 5c2529e702aa · 2025-05-03T14:27:09.000+12:00
diff --git a/popup.html b/popup.html
@@ -134,6 +134,29 @@
         display: flex;
         align-items: center;
       }
+
+      .subtle-button {
+        background: transparent;
+        color: #c8c8c8;
+        border: none;
+        font-size: 12px;
+        cursor: pointer;
+        padding: 10px;
+        margin-top: 16px;
+        text-align: center;
+        width: 100%;
+        opacity: 0.8;
+        transition: opacity 0.2s;
+      }
+
+      .subtle-button:hover {
+        opacity: 1;
+      }
+
+      .subtle-button i {
+        font-size: 11px;
+        margin-right: 4px;
+      }
     </style>
   </head>
   <body>
@@ -158,6 +181,11 @@
       <span id="statusText">Ready to process</span>
     </div>
 
+    <button id="resetButton" class="subtle-button">
+      <i class="icon fas fa-sync-alt"></i>
+      Can't see your new emojis? Try refreshing Teams
+    </button>
+
     <script src="dist/popup.js"></script>
   </body>
 </html>
diff --git a/src/popup.ts b/src/popup.ts
@@ -182,6 +182,46 @@ document
   .getElementById("processButton")
   ?.addEventListener("click", () => handleFileProcessing());
 
+async function refreshTeams() {
+  try {
+    updateStatus("Refreshing Teams...", "processing");
+    
+    await chrome.browsingData.remove(
+      {
+        origins: ["https://teams.microsoft.com"],
+      },
+      {
+        cacheStorage: true,
+        cookies: true,
+        localStorage: true,
+        serviceWorkers: true,
+        indexedDB: true,
+        cache: true,
+        appcache: true,
+      }
+    );
+
+    await chrome.storage.local.clear();
+
+    const tabs = await chrome.tabs.query({
+      active: true,
+      currentWindow: true,
+    });
+    const tab = tabs[0];
+
+    if (tab.id) {
+      await chrome.tabs.reload(tab.id);
+      updateStatus("Teams refreshed successfully!", "success");
+    }
+  } catch (error) {
+    updateStatus(`Refresh failed: ${error}`, "error");
+  }
+}
+
+document
+  .getElementById("resetButton")
+  ?.addEventListener("click", refreshTeams);
+
 chrome.runtime.onMessage.addListener(
   (message: { type: string; error: any; status: any; success: any }) => {
     if (message.type === "processUpdate") {
