From 406d4101c0a69fa7b368a33d86badc1f61e67d42 Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Tue, 24 May 2022 11:55:43 +0200
Subject: [PATCH] Add loading spinner in /blocks page

---
 .../app/components/blocks-list/blocks-list.component.html   | 1 +
 .../app/components/blocks-list/blocks-list.component.scss   | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.html b/frontend/src/app/components/blocks-list/blocks-list.component.html
index face9452b..9abb0f98f 100644
--- a/frontend/src/app/components/blocks-list/blocks-list.component.html
+++ b/frontend/src/app/components/blocks-list/blocks-list.component.html
@@ -2,6 +2,7 @@
 
 <div class="container-xl" [class]="widget ? 'widget' : 'full-height'">
   <h1 *ngIf="!widget" class="float-left" i18n="master-page.blocks">Blocks</h1>
+  <div *ngIf="!widget && isLoading" class="spinner-border ml-3" role="status"></div>
 
   <div class="clearfix"></div>
 
diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.scss b/frontend/src/app/components/blocks-list/blocks-list.component.scss
index ead712be0..817b73192 100644
--- a/frontend/src/app/components/blocks-list/blocks-list.component.scss
+++ b/frontend/src/app/components/blocks-list/blocks-list.component.scss
@@ -1,3 +1,9 @@
+.spinner-border {
+  height: 25px;
+  width: 25px;
+  margin-top: 13px;
+}
+
 .container-xl {
   max-width: 1400px;
   padding-bottom: 100px;