From 38da13fea3354bcf698d4b0d08d09bdb2f86b36c Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Sun, 21 Feb 2021 22:01:48 +0100
Subject: [PATCH] web: use ak-spinner everywhere

---
 web/src/elements/buttons/SpinnerButton.ts | 11 ++---------
 web/src/elements/table/Table.ts           |  6 +-----
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/web/src/elements/buttons/SpinnerButton.ts b/web/src/elements/buttons/SpinnerButton.ts
index eb80c083a..a97ad2ae3 100644
--- a/web/src/elements/buttons/SpinnerButton.ts
+++ b/web/src/elements/buttons/SpinnerButton.ts
@@ -6,6 +6,7 @@ import ButtonStyle from "@patternfly/patternfly/components/Button/button.css";
 // @ts-ignore
 import SpinnerStyle from "@patternfly/patternfly/components/Spinner/spinner.css";
 import { ColorStyles, PRIMARY_CLASS, PROGRESS_CLASS } from "../../constants";
+import { SpinnerSize } from "../Spinner";
 
 @customElement("ak-spinner-button")
 export class SpinnerButton extends LitElement {
@@ -71,15 +72,7 @@ export class SpinnerButton extends LitElement {
         >
             ${this.isRunning
                 ? html` <span class="pf-c-button__progress">
-                            <span
-                                class="pf-c-spinner pf-m-md"
-                                role="progressbar"
-                                aria-valuetext="Loading..."
-                            >
-                                <span class="pf-c-spinner__clipper"></span>
-                                <span class="pf-c-spinner__lead-ball"></span>
-                                <span class="pf-c-spinner__tail-ball"></span>
-                            </span>
+                            <ak-spinner size=${SpinnerSize.Medium}></ak-spinner>
                         </span>`
                 : ""}
             <slot></slot>
diff --git a/web/src/elements/table/Table.ts b/web/src/elements/table/Table.ts
index f8e59a146..f6c4a2b22 100644
--- a/web/src/elements/table/Table.ts
+++ b/web/src/elements/table/Table.ts
@@ -134,11 +134,7 @@ export abstract class Table<T> extends LitElement {
                     <div class="pf-c-empty-state pf-m-sm">
                         <div class="pf-c-empty-state__content">
                             <div class="pf-c-empty-state__icon">
-                                <span class="pf-c-spinner" role="progressbar">
-                                    <span class="pf-c-spinner__clipper"></span>
-                                    <span class="pf-c-spinner__lead-ball"></span>
-                                    <span class="pf-c-spinner__tail-ball"></span>
-                                </span>
+                                <ak-spinner></ak-spinner>
                             </div>
                             <h2 class="pf-c-title pf-m-lg">${gettext("Loading")}</h2>
                         </div>