From d1b9eb55d8b41c43b600b1e0f3432a7030dbec91 Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Mon, 2 Sep 2024 12:49:51 +0200
Subject: [PATCH] fix(spinner): remove dummy desc and use variants

---
 src/components/LoadingSpinner/index.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/LoadingSpinner/index.tsx b/src/components/LoadingSpinner/index.tsx
index 0df8c25..2c6f4e5 100644
--- a/src/components/LoadingSpinner/index.tsx
+++ b/src/components/LoadingSpinner/index.tsx
@@ -12,7 +12,8 @@ export const LoadingSpinner = (props: Props) => {
     case 'small':
       return (
         <div
-          className={`${styles.loadingSpinnerContainer} ${styles.withHeight}`}
+          className={`${styles.loadingSpinnerContainer}`}
+          data-variant={variant}
         >
           <div className={styles.loadingSpinner}></div>
         </div>
@@ -21,11 +22,12 @@ export const LoadingSpinner = (props: Props) => {
     default:
       return (
         <div className={styles.loadingSpinnerOverlay}>
-          <div className={styles.loadingSpinnerContainer}>
+          <div
+            className={styles.loadingSpinnerContainer}
+            data-variant={variant}
+          >
             <div className={styles.loadingSpinner}></div>
-            {desc && (
-              <p className={styles.loadingSpinnerDesc}>{'Loading...'}</p>
-            )}
+            {desc && <p className={styles.loadingSpinnerDesc}>{desc}</p>}
           </div>
         </div>
       )