From 6211dd88893d8cabf0f55f1fbc8aff8f39f11202 Mon Sep 17 00:00:00 2001
From: Polianin Nikita <nikitkapolyanin@yandex.ru>
Date: Mon, 30 Sep 2024 01:30:23 +0300
Subject: [PATCH] fix: show spinner after click on retry

---
 .../loading-indicator/loading-indicator.component.html       | 2 +-
 .../common/loading-indicator/loading-indicator.component.ts  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/common/loading-indicator/loading-indicator.component.html b/src/components/common/loading-indicator/loading-indicator.component.html
index 87083ed..ffcd980 100644
--- a/src/components/common/loading-indicator/loading-indicator.component.html
+++ b/src/components/common/loading-indicator/loading-indicator.component.html
@@ -1,7 +1,7 @@
 @if (loading) {
   <app-data-spinner/>
 } @else {
-  <button mat-fab color="primary" (click)="retryFunction.emit()">
+  <button mat-fab color="primary" (click)="retryLoad()">
     <mat-icon>refresh</mat-icon>
   </button>
 }
diff --git a/src/components/common/loading-indicator/loading-indicator.component.ts b/src/components/common/loading-indicator/loading-indicator.component.ts
index 5a0a0b2..7d78091 100644
--- a/src/components/common/loading-indicator/loading-indicator.component.ts
+++ b/src/components/common/loading-indicator/loading-indicator.component.ts
@@ -18,4 +18,9 @@ import {MatButton, MatFabButton} from "@angular/material/button";
 export class LoadingIndicatorComponent {
   @Input() loading: boolean = true;
   @Output() retryFunction: EventEmitter<void> = new EventEmitter<void>();
+
+  protected retryLoad() {
+    this.loading = true;
+    this.retryFunction.emit();
+  }
 }