From 3dc61221929e8129227db4d0709de67b91345c41 Mon Sep 17 00:00:00 2001
From: Nischal Paliwal <156404171+NischalPaliwal@users.noreply.github.com>
Date: Sun, 19 Jan 2025 23:14:53 +0530
Subject: [PATCH] Refactor: move Loader styles to app.module.css and update
 import path

---
 src/components/Loader/Loader.module.css | 25 ----------------------
 src/components/Loader/Loader.tsx        |  2 +-
 src/style/app.module.css                | 28 +++++++++++++++++++++++++
 3 files changed, 29 insertions(+), 26 deletions(-)
 delete mode 100644 src/components/Loader/Loader.module.css

diff --git a/src/components/Loader/Loader.module.css b/src/components/Loader/Loader.module.css
deleted file mode 100644
index aad512e826..0000000000
--- a/src/components/Loader/Loader.module.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.spinner_wrapper {
-  height: 100vh;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.spinnerXl {
-  width: 6rem;
-  height: 6rem;
-  border-width: 0.5rem;
-}
-
-.spinnerLg {
-  height: 4rem;
-  width: 4rem;
-  border-width: 0.3rem;
-}
-
-.spinnerSm {
-  height: 2rem;
-  width: 2rem;
-  border-width: 0.2rem;
-}
diff --git a/src/components/Loader/Loader.tsx b/src/components/Loader/Loader.tsx
index b59c735175..c08036c753 100644
--- a/src/components/Loader/Loader.tsx
+++ b/src/components/Loader/Loader.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from './Loader.module.css';
+import styles from '../../style/app.module.css';
 import { Spinner } from 'react-bootstrap';
 
 interface InterfaceLoaderProps {
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 4b0b1f90b6..2121cb0ddf 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -6390,3 +6390,31 @@ button[data-testid='createPostBtn'] {
   font-weight: bold;
   color: var(--black-color);
 }
+
+/* Loader */
+/* for [src/components/Loader/Loader.tsx] */
+.spinner_wrapper {
+  height: 100vh;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.spinnerXl {
+  width: 6rem;
+  height: 6rem;
+  border-width: 0.5rem;
+}
+
+.spinnerLg {
+  height: 4rem;
+  width: 4rem;
+  border-width: 0.3rem;
+}
+
+.spinnerSm {
+  height: 2rem;
+  width: 2rem;
+  border-width: 0.2rem;
+}