refresh cache issue fix

Signed-off-by: Vedansh Saini <[email protected]>

Author: vedansh-5

src/index.css

@@ -165,3 +165,20 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
 .dark-mode .disabled-content {
     opacity: 0.4 !important;
 }
+.cache-info {
+    font-size: 11px;
+    color: #6b7280;
+    text-align: center;
+    margin-top: 8px;
+    line-height: 1.3;
+}
+
+.cache-info i {
+    margin-right: 4px;
+    font-size: 10px;
+}
+
+/* Dark mode for cache info */
+.dark-mode .cache-info {
+    color: #9ca3af;
+}

src/popup.html

@@ -73,10 +73,6 @@ <h4>Your Github Username</h4>
 							<input type="date" id="endingDate" class="border-2 border-gray-200 bg-gray-200 rounded-xl p-1">
 						</div>
 					</div>
-					<button id="refreshCache" class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded flex items-center justify-center gap-2 transition-colors duration-200">
-						<i class="fa fa-refresh"></i>
-						<span>Refresh Data (bypass cache)</span>
-					</button>
 				</div>
 
 				<div class="col s12">
@@ -104,9 +100,17 @@ <h6 class="text-base font-semibold">Scrum Report</h6>
 						<button id="copyReport" class="flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded">
 						  <i class="fa fa-copy"></i> Copy Report
 						</button>
-					  </div>
-
-					
+					</div>
+					<div class="">
+						<button id="refreshCache" class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded flex items-center justify-center gap-2 transition-colors duration-200">
+							<i class="fa fa-refresh"></i>
+							<span>Refresh Data (bypass cache)</span>
+						</button>
+						<p class="cache-info">
+							<i class="fa fa-info-circle"></i>
+							Data is cached for 10 minutes. Use this button to fetch fresh data immediately.
+						</p>
+					</div>
 					<div class="border-gray-100 border-2 bg-white rounded-3xl px-4 py-2 mx-2 my-2">
 						<div>
 							<h4 class="font-semibold text-xl">Note:</h4>

src/scripts/popup.js

@@ -191,36 +191,6 @@ document.addEventListener('DOMContentLoaded', function() {
             }
         });
 
-        // refresh cache button
-        document.getElementById('refreshCache').addEventListener('click', async function () {
-            const button = this;
-            const originalText = button.innerHTML;
-
-            button.classList.add('loading');
-            button.innerHTML = '<i class="fa fa-refresh fa-spin"></i><span>Refreshing...</span>';
-            button.disabled = true;
-
-            try{
-                await chrome.runtime.sendMessage({action: 'forceRefresh'});
-                button.innerHTML = '<i class="fa fa-check"></i><span>Refreshed!</span>';
-                button.classList.remove('loading');
-
-                setTimeout(() => {
-                    button.innerHTML = originalText;
-                    button.disabled = false;
-                }, 2000);
-            } catch (error) {
-                console.error('Refresh failed', error);
-                button.innerHTML = '<i class="fa fa-exclamation-triangle"></i><span>Failed to refresh</span>';
-                button.classList.remove('loading');
-
-                setTimeout(() =>{
-                    button.innerHTML = originalText;
-                    button.disabled = false;
-                }, 2000);
-            }
-        })
-
         // Custom date container click handler
         document.getElementById('customDateContainer').addEventListener('click', () => {
             document.querySelectorAll('input[name="timeframe"]').forEach(radio => {
@@ -310,6 +280,47 @@ document.querySelectorAll('input[name="timeframe"]').forEach(radio => {
     });
 });
 
+// refresh cache button
+document.getElementById('refreshCache').addEventListener('click', async function () {
+    const button = this;
+    const originalText = button.innerHTML;
+
+    button.classList.add('loading');
+    button.innerHTML = '<i class="fa fa-refresh fa-spin"></i><span>Refreshing...</span>';
+    button.disabled = true;
+
+    try {
+        // Clear local cache
+        await new Promise(resolve => {
+            chrome.storage.local.remove('githubCache', resolve);
+        });
+        
+        // Clear the scrum report
+        const scrumReport = document.getElementById('scrumReport');
+        if (scrumReport) {
+            scrumReport.innerHTML = '<p style="text-align: center; color: #666; padding: 20px;">Cache cleared successfully. Click "Generate Report" to fetch fresh data.</p>';
+        }
+        
+        button.innerHTML = '<i class="fa fa-check"></i><span>Cache Cleared!</span>';
+        button.classList.remove('loading');
+        
+        setTimeout(() => {
+            button.innerHTML = originalText;
+            button.disabled = false;
+        }, 2000);
+        
+    } catch (error) {
+        console.error('Cache clear failed:', error);
+        button.innerHTML = '<i class="fa fa-exclamation-triangle"></i><span>Failed to clear cache</span>';
+        button.classList.remove('loading');
+
+        setTimeout(() => {
+            button.innerHTML = originalText;
+            button.disabled = false;
+        }, 3000);
+    }
+});
+
 function toggleRadio(radio) {
     const startDateInput = document.getElementById('startingDate');
     const endDateInput = document.getElementById('endingDate');

src/scripts/scrumHelper.js

@@ -380,38 +380,7 @@ function allIncluded(outputTarget = 'email') {
 		}
 		verifyCacheStatus();
 
-		async function forceGithubDataRefresh() {
-			log('Force refreshing GitHub data');
-			hasInjectedContent = false; 
-			// clear cache
-			githubCache = {
-				data: null,
-				cacheKey: null,
-				timestamp: 0,
-				ttl: 10*60*1000,
-				fetching: false,
-				queue: [],
-				errors: {},
-				errorTTL: 60*1000,
-				subject: null
-			};
-			await new Promise(resolve => {
-				chrome.storage.local.remove('githubCache', resolve);
-			});
-
-			log('Cache cleared, fetching fresh data');
-			try {
-				await fetchGithubData();
-				await saveToStorage();
-				return { success: true, timestamp: Date.now() };
-			} catch (err) {
-				logError('Force refresh failed:', err);
-				throw err;
-			}
-		}
-		if(typeof window !== 'undefined') {
-			window.forceGithubDataRefresh = forceGithubDataRefresh;
-		}
+		
 
 		function processGithubData(data) {
 			log('Processing Github data');