Merge pull request #69 from Computer-Society-ITBA/develop

Merge Develop branch
Computer-Society-ITBA · Sep 20, 2024 · eec7c99 · eec7c99
2 parents 89dc2cc + d6e94e7
commit eec7c99
Show file tree

Hide file tree

Showing 15 changed files with 38 additions and 85 deletions.
diff --git a/src/components/sections/sponsors.jsx b/src/components/sections/sponsors.jsx
@@ -1,38 +1,53 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 // Translations
 import i18n from '../../i18n/index.js';
 
-// Data
-import sponsors from '../../data/sponsors';
+//Imports from firebase
+import { db } from "../../firebase";
+import { collection, getDocs } from "firebase/firestore";
 
-// Images
-const sponsorImages = import.meta.glob("../../images/sponsors/*", { eager: true, as: "url" });
 
 // Components
 const Section = React.lazy(() => import('../section'));
 import Marquee from "react-fast-marquee";
 
 function Sponsors() {
-    const settings = {
-        gradient: "true",
-        direction: "left",
-        speed: 70,
+  const settings = {
+    gradient: "true",
+    direction: "left",
+    speed: 70,
+  }
+
+
+
+  const [sponsors, setSponsors] = useState([]);
+
+
+  useEffect(() => {
+    async function fetchSponsors() {;
+      const query = await getDocs(collection(db, "sponsors"));
+      const data = query.docs.map((doc) => doc.data());
+      setSponsors(data);
     }
+    fetchSponsors();
+  }, []);
+
+
 
-    return (
-        <Section id="our-sponsors" bgColor='bg-white' textAlignment='center'>
-            <h2>{i18n.t('sponsors.title')}</h2>
-            <Marquee {...settings}>
-                {sponsors.map((sponsor, index) => (
-                    <div key={index} className="py-10 px-5 mx-10" >
-                        <a href={sponsor.link} rel='noreferrer' target='_blank'>
-                            <img src={sponsorImages[`../../images/sponsors/${sponsor.src}`]} alt={i18n.t(sponsor.alt)} className=" h-16 my-0 mx-auto" />
-                        </a>
-                    </div>
-                ))}
-            </Marquee>
-        </Section>
-    )
+  return (
+    <Section id="our-sponsors" bgColor='bg-white' textAlignment='center'>
+      <h2>{i18n.t('sponsors.title')}</h2>
+      <Marquee {...settings}>
+        {sponsors.map((sponsor, index) => (
+          <div key={index} className="py-10 px-5 mx-10" >
+            <a href={sponsor.link} rel='noreferrer' target='_blank'>
+              <img src={sponsor.src} alt={i18n.t(sponsor.alt)} className=" h-16 my-0 mx-auto" />
+            </a>
+          </div>
+        ))}
+      </Marquee>
+    </Section>
+  )
 }
 
 

diff --git a/src/data/sponsors.json b/src/data/sponsors.json
diff --git a/src/images/sponsors/BBVA.png b/src/images/sponsors/BBVA.png
diff --git a/src/images/sponsors/Emi.png b/src/images/sponsors/Emi.png
diff --git a/src/images/sponsors/baciudad.png b/src/images/sponsors/baciudad.png
diff --git a/src/images/sponsors/chevron.png b/src/images/sponsors/chevron.png
diff --git a/src/images/sponsors/emprelatam.png b/src/images/sponsors/emprelatam.png
diff --git a/src/images/sponsors/extrimian.png b/src/images/sponsors/extrimian.png
diff --git a/src/images/sponsors/iadt.png b/src/images/sponsors/iadt.png
diff --git a/src/images/sponsors/lewagon.png b/src/images/sponsors/lewagon.png
diff --git a/src/images/sponsors/logos.psd b/src/images/sponsors/logos.psd
diff --git a/src/images/sponsors/proios.png b/src/images/sponsors/proios.png
diff --git a/src/images/sponsors/tangoid.png b/src/images/sponsors/tangoid.png
diff --git a/src/images/sponsors/wuru.png b/src/images/sponsors/wuru.png
diff --git a/src/images/sponsors/zennon.png b/src/images/sponsors/zennon.png