From 0a42884f7f33118c39ea3699e0a177b4a43c3ce9 Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Sun, 17 Jul 2022 18:08:53 +0500
Subject: [PATCH] partner slide skeleton

---
 src/components/main/PartnersSection.tsx | 12 +++++++++---
 src/pages/Main.tsx                      |  2 +-
 src/styles/_main.scss                   |  7 +++++++
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/main/PartnersSection.tsx b/src/components/main/PartnersSection.tsx
index 8b1fe0a..0b0fcc2 100644
--- a/src/components/main/PartnersSection.tsx
+++ b/src/components/main/PartnersSection.tsx
@@ -27,7 +27,7 @@ const Partners = () => {
   const [partnerData, setPartnerData]: [
     partnersType[],
     React.Dispatch<React.SetStateAction<partnersType[]>>
-  ] = useState([{ id: 0, note: "", partner: "" }]);
+  ] = useState([{ id: -1, note: "", partner: "" }]);
 
   // Effect
   useEffect(() => {
@@ -51,7 +51,7 @@ const Partners = () => {
                 prevEl: ".slider-prev",
               }}
             >
-              {partnerData
+              {partnerData[0].id > -1
                 ? partnerData.map((image: partnersType) => {
                     return (
                       <SwiperSlide key={uuidv4()}>
@@ -61,7 +61,13 @@ const Partners = () => {
                       </SwiperSlide>
                     );
                   })
-                : ""}
+                : ["", "", "", "", "", ""].map(() => {
+                    return (
+                      <SwiperSlide key={uuidv4()}>
+                        <div className="partners-slide skeleton"></div>
+                      </SwiperSlide>
+                    );
+                  })}
             </Swiper>
             <div className="slider-prev slider-next-white slider-next-white-prev">
               <img src={arrowPrev} alt="" />
diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
index b3da4eb..833a16a 100644
--- a/src/pages/Main.tsx
+++ b/src/pages/Main.tsx
@@ -9,7 +9,7 @@ import Partners from "../components/main/PartnersSection";
 
 const Main = () => {
   useEffect(() => {
-    window.scrollTo(0, 0);
+    // window.scrollTo(0, 0);
   }, []);
   return (
     <main className="main">
diff --git a/src/styles/_main.scss b/src/styles/_main.scss
index dfaa1eb..23e7c34 100644
--- a/src/styles/_main.scss
+++ b/src/styles/_main.scss
@@ -139,7 +139,14 @@
   @include flex-c;
   min-height: 18rem;
   width: 100%;
+  background: #fff;
   border: 0.1rem solid #00000020;
+
+  &.skeleton {
+    @include shineLoad;
+    height: 18rem;
+    width: 100%;
+  }
 }
 
 .rating-inner {