@@ -116,15 +116,17 @@ const formatDateLabel = (dateString: string): string => {
116116 }
117117} ;
118118
119- async function loadUsageData ( ) {
119+ async function loadUsageData ( showLoading = true ) {
120120 const loadingEl = document . getElementById ( 'loading' ) ! ;
121121 const errorEl = document . getElementById ( 'error' ) ! ;
122122 const statsEl = document . getElementById ( 'usage-stats' ) ! ;
123123
124124 try {
125- loadingEl . style . display = 'flex' ;
126- errorEl . style . display = 'none' ;
127- statsEl . style . display = 'none' ;
125+ if ( showLoading ) {
126+ loadingEl . style . display = 'flex' ;
127+ errorEl . style . display = 'none' ;
128+ statsEl . style . display = 'none' ;
129+ }
128130
129131 const data = await window . ccusageAPI . getUsageData ( ) ;
130132
@@ -242,7 +244,7 @@ document.addEventListener('DOMContentLoaded', () => {
242244 loadUsageData ( ) ;
243245
244246 // Refresh button
245- document . getElementById ( 'refresh-btn' ) ! . addEventListener ( 'click' , loadUsageData ) ;
247+ document . getElementById ( 'refresh-btn' ) ! . addEventListener ( 'click' , ( ) => loadUsageData ( ) ) ;
246248
247249 // Minimize button
248250 document . getElementById ( 'minimize-btn' ) ! . addEventListener ( 'click' , ( ) => {
@@ -262,5 +264,5 @@ document.addEventListener('DOMContentLoaded', () => {
262264 } ) ;
263265
264266 // Auto-refresh every minute
265- setInterval ( loadUsageData , 60000 ) ;
267+ setInterval ( ( ) => loadUsageData ( false ) , 60000 ) ;
266268} ) ;
0 commit comments