Updated the functionality for navigation arrows

karishma-dev · Mar 6, 2022 · 5a4e91e · 5a4e91e
1 parent b4066f3
commit 5a4e91e
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/Components/explore.js b/src/Components/explore.js
@@ -49,7 +49,7 @@ export default function Explore({heading, linkText}){
     function HeadingText (){
         let text;
         let h = heading === "GoSocial Blogs" ? heading : `Exlpore ${heading}`;
-
+        let c = heading === "Challenges" ? true : false;
         if(heading === "Meet Our Pro Creators"){
             text = <SectionText heading="Meet Our Pro Creators"
             desc = "Learn from the creators who’ve done it all. Join their communities on GoSocial and interact with other members."
@@ -59,10 +59,12 @@ export default function Explore({heading, linkText}){
                         <h2>
                             {h}
                         </h2>
-                        <div className="arrow">
-                            <img src="images/CaretLeft.png" alt="" className="swiper-button-next" /> 
-                            <img src="images/CaretRight.png" alt="" className="swiper-button-prev" />
-                        </div>
+                        { c ? "" :
+                            <div className="arrow">
+                                <img src="images/CaretLeft.png" alt="" className="swiper-button-next" /> 
+                                <img src="images/CaretRight.png" alt="" className="swiper-button-prev" />
+                            </div>
+                        }
                    </div>;
         }
         return text;