refactor: refine state management dependent on mode

apps/client/src/app/pages/portfolio/analysis/analysis-page.component.ts

@@ -55,11 +55,12 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
   public investments: InvestmentItem[];
   public investmentTimelineDataLabel = $localize`Investment`;
   public investmentsByGroup: InvestmentItem[];
-  public isLoadingAiPrompt: boolean;
+  public isLoadingAnalysisPrompt: boolean;
   public isLoadingBenchmarkComparator: boolean;
   public isLoadingDividendTimelineChart: boolean;
   public isLoadingInvestmentChart: boolean;
   public isLoadingInvestmentTimelineChart: boolean;
+  public isLoadingPortfolioPrompt: boolean;
   public mode: GroupBy = 'month';
   public modeOptions: ToggleOption[] = [
     { label: $localize`Monthly`, value: 'month' },
@@ -153,7 +154,11 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
   }
 
   public onCopyPromptToClipboard(mode: AiPromptMode) {
-    this.isLoadingAiPrompt = true;
+    if (mode === 'analysis') {
+      this.isLoadingAnalysisPrompt = true;
+    } else if (mode === 'portfolio') {
+      this.isLoadingPortfolioPrompt = true;
+    }
 
     this.dataService
       .fetchPrompt(mode)
@@ -178,7 +183,11 @@ export class AnalysisPageComponent implements OnDestroy, OnInit {
 
         this.actionsMenuButton.closeMenu();
 
-        this.isLoadingAiPrompt = false;
+        if (mode === 'analysis') {
+          this.isLoadingAnalysisPrompt = false;
+        } else if (mode === 'portfolio') {
+          this.isLoadingPortfolioPrompt = false;
+        }
       });
   }
 

apps/client/src/app/pages/portfolio/analysis/analysis-page.html

@@ -28,7 +28,7 @@
                   @if (user?.subscription?.type === 'Basic') {
                     <gf-premium-indicator class="mr-2" />
                   } @else {
-                    @if (isLoadingAiPrompt) {
+                    @if (isLoadingPortfolioPrompt) {
                       <mat-spinner class="mr-2" [diameter]="20" />
                     } @else {
                       <ion-icon class="mr-2" name="copy-outline" />
@@ -49,7 +49,7 @@
                   @if (user?.subscription?.type === 'Basic') {
                     <gf-premium-indicator class="mr-2" />
                   } @else {
-                    @if (isLoadingAiPrompt) {
+                    @if (isLoadingAnalysisPrompt) {
                       <mat-spinner class="mr-2" [diameter]="20" />
                     } @else {
                       <ion-icon class="mr-2" name="copy-outline" />