refactor: update BillingStore to clear state and fetch history based on selected project and total balance changes

Author: mois-ilya

src/features/billing/model/billing.store.ts

@@ -48,9 +48,21 @@ export class BillingStore {
         makeAutoObservable(this);
 
         createImmediateReaction(
-            () => balanceStore.currentBalance$,
-            () => {
-                this.fetchHistory();
+            () => projectsStore.selectedProject,
+            project => {
+                this.clearState();
+                if (project) {
+                    this.fetchHistory();
+                }
+            }
+        );
+
+        createImmediateReaction(
+            () => balanceStore.balance?.total,
+            total => {
+                if (total !== undefined && projectsStore.selectedProject) {
+                    this.fetchHistory();
+                }
             }
         );
     }

src/pages/balance/BillingBlock.tsx

@@ -14,12 +14,6 @@ const BillingBlock: FC<BillingBlockProps> = ({ billingStore }) => {
     const hasBillingHistory = billingStore.billingHistory.length > 0;
     const isLoading = billingStore.billingHistoryLoading;
 
-    // Reset state when store instance changes
-    useEffect(() => {
-        setHasEverLoaded(false);
-        setPreviousRowCount(0);
-    }, [billingStore]);
-
     // Track whether data has ever been loaded and remember the row count
     useEffect(() => {
         if (!isLoading && hasBillingHistory) {