From 0ac8715c61f7bb0738e582f980e6b5e458f9dc98 Mon Sep 17 00:00:00 2001
From: Edouard DUPIN <yui.heero@gmail.com>
Date: Sun, 8 Jan 2023 12:17:28 +0100
Subject: [PATCH] [DEV] simplify spiner

---
 front/src/common/component/spiner/spiner.html |  6 ----
 front/src/common/component/spiner/spiner.less | 32 -------------------
 front/src/common/component/spiner/spiner.ts   |  3 +-
 3 files changed, 1 insertion(+), 40 deletions(-)
 delete mode 100644 front/src/common/component/spiner/spiner.html
 delete mode 100644 front/src/common/component/spiner/spiner.less

diff --git a/front/src/common/component/spiner/spiner.html b/front/src/common/component/spiner/spiner.html
deleted file mode 100644
index 93da8e5..0000000
--- a/front/src/common/component/spiner/spiner.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
-<div>
-	<svg class="spinner" viewBox="0 0 50 50">
-		<circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle>
-	</svg>
-</div>
\ No newline at end of file
diff --git a/front/src/common/component/spiner/spiner.less b/front/src/common/component/spiner/spiner.less
deleted file mode 100644
index 15233da..0000000
--- a/front/src/common/component/spiner/spiner.less
+++ /dev/null
@@ -1,32 +0,0 @@
-
-.spinner {
-	animation: rotate 2s linear infinite;
-	z-index: 2;
-	width: 50px;
-	height: 50px;
-	& .path {
-		stroke: rgb(31, 31, 31);
-		stroke-linecap: round;
-		animation: dash 1.5s ease-in-out infinite;
-	}
-}
-@keyframes rotate {
-	100% {
-		transform: rotate(360deg);
-	}
-}
-@keyframes dash {
-	0% {
-		stroke-dasharray: 1, 150;
-		stroke-dashoffset: 0;
-	}
-	50% {
-		stroke-dasharray: 90, 150;
-		stroke-dashoffset: -35;
-	}
-	100% {
-		stroke-dasharray: 90, 150;
-		stroke-dashoffset: -124;
-	}
-}
-
diff --git a/front/src/common/component/spiner/spiner.ts b/front/src/common/component/spiner/spiner.ts
index e24dc4a..4613ff3 100644
--- a/front/src/common/component/spiner/spiner.ts
+++ b/front/src/common/component/spiner/spiner.ts
@@ -8,8 +8,7 @@ import { Component} from '@angular/core';
 
 @Component({
 	selector: 'spiner',
-	templateUrl: './spiner.html',
-	styleUrls: ['./spiner.less'],
+	template: '<img height="50px" src="assets/images/load.svg"/>',
 })
 export class SpinerComponent {
 }