From 434ef8c9dbb6a16ad24a874a530d8d73d320f156 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Thu, 5 Dec 2024 14:54:38 -0500
Subject: [PATCH] loader image apart

---
 src/component/home/Home.jsx |  9 ++-------
 src/parts/LoaderImage.jsx   | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 7 deletions(-)
 create mode 100644 src/parts/LoaderImage.jsx

diff --git a/src/component/home/Home.jsx b/src/component/home/Home.jsx
index 74bf0a5..f86ece7 100644
--- a/src/component/home/Home.jsx
+++ b/src/component/home/Home.jsx
@@ -3,18 +3,13 @@ import UserMenu from "../../parts/UserMenu";
 import UserHeader from "../../parts/UserHeader";
 import HomeSections from "../../parts/HomeSections";
 import UserFooter from "../../parts/UserFooter";
+import LoaderImage from "../../parts/LoaderImage";
 
 export default function Home() {
   return (
       <div className="app">
         <div className="app-wrap">
-          <div className="loader">
-            <div className="h-100 d-flex justify-content-center">
-              <div className="align-self-center">
-                <img src="assets/img/loader/loader.svg" alt="loader" />
-              </div>
-            </div>
-          </div>
+         {/*<LoaderImage />*/}
           <UserHeader />
           <div className="app-container">
             <aside className="app-navbar">
diff --git a/src/parts/LoaderImage.jsx b/src/parts/LoaderImage.jsx
new file mode 100644
index 0000000..677f225
--- /dev/null
+++ b/src/parts/LoaderImage.jsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+export default function LoaderImage(){
+
+    return <>
+        <div className="loader">
+            <div className="h-100 d-flex justify-content-center">
+                <div className="align-self-center">
+                    <img src="assets/img/loader/loader.svg" alt="loader" />
+                </div>
+            </div>
+        </div>
+    </>;
+}
\ No newline at end of file