it works added solution to saadpasta#415

S-codes14 · Oct 12, 2021 · 8756244 · 8756244
1 parent c0c8af0
commit 8756244
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/src/containers/workExperience/WorkExperience.js b/src/containers/workExperience/WorkExperience.js
@@ -4,9 +4,26 @@ import ExperienceCard from "../../components/experienceCard/ExperienceCard";
 import {workExperiences} from "../../portfolio";
 import {Fade} from "react-reveal";
 import StyleContext from "../../contexts/StyleContext";
+import {Carousel} from '3d-react-carousal';
 
 export default function WorkExperience() {
   const {isDark} = useContext(StyleContext);
+  let slides = workExperiences.experience.map((card, i) => {
+    return (
+      <ExperienceCard
+        key={i}
+        isDark={isDark}
+        cardInfo={{
+          company: card.company,
+          desc: card.desc,
+          date: card.date,
+          companylogo: card.companylogo,
+          role: card.role,
+          descBullets: card.descBullets
+        }}
+      />
+    );
+  })
   if (workExperiences.display) {
     return (
       <div id="experience">
@@ -15,22 +32,7 @@ export default function WorkExperience() {
             <div>
               <h1 className="experience-heading">Experiences</h1>
               <div className="experience-cards-div">
-                {workExperiences.experience.map((card, i) => {
-                  return (
-                    <ExperienceCard
-                      key={i}
-                      isDark={isDark}
-                      cardInfo={{
-                        company: card.company,
-                        desc: card.desc,
-                        date: card.date,
-                        companylogo: card.companylogo,
-                        role: card.role,
-                        descBullets: card.descBullets
-                      }}
-                    />
-                  );
-                })}
+              <Carousel slides={slides} autoplay={true} interval={1000}/>
               </div>
             </div>
           </div>