Merge pull request #53 from gugcz/msd-partner

feat: update partners section with msd logo

components/PartnersSection/PartnersSection.jsx

@@ -1,6 +1,7 @@
 import { Button, makeStyles } from '@material-ui/core';
 import Box from '@material-ui/core/Box';
 import React from 'react';
+import PropTypes from 'prop-types';
 import { PartnersIcon } from '../icons/icons';
 import InfoText from '../common/InfoText/InfoText';
 
@@ -53,37 +54,28 @@ const useStyles = makeStyles(({ spacing, breakpoints }) => ({
   },
 }));
 
-export const PartnersSection = () => {
+export const PartnersSection = ({ partners = [] }) => {
   const classes = useStyles();
 
   return (
     <Box className={classes.root}>
       <InfoText icon={<PartnersIcon size={80} />} title="Partneři" />
       <Box className={classes.gold}>
-        <a href="https://grow.google/intl/cz/">
-          <img
-            src={'/images/partners/Google_logo_Horizontal_Grey_RGB.png'}
-            alt="Grow with google"
-            className={classes.image}
-          />
-        </a>
-        <a href="https://www.smartemailing.cz/">
-          <img
-            src={'/images/partners/SmartEmailing_logo_RGB_SmartEmailing_Color.png'}
-            alt="SmartEmailing"
-            className={classes.image}
-          />
-        </a>
-        <a href="https://www.dotekomanie.cz/">
-          <img src={'/images/partners/dotekomanie.png'} alt="Dotekománie" className={classes.image} />
-        </a>
-        <a href="https://edu.google.com/">
-          <img src={'/images/partners/googleedu.png'} alt="Google For Education" className={classes.image} />
-        </a>
+        {partners.map(function (partner, i) {
+          return (
+            <a key={i} href={partner.link}>
+              <img src={partner.image} alt={partner.name} className={classes.image} />
+            </a>
+          );
+        })}
       </Box>
       <Button variant={'contained'} color={'primary'} className={classes.action} href="mailto:[email protected]">
         Stát se partnerem
       </Button>
     </Box>
   );
 };
+
+PartnersSection.propTypes = {
+  partners: PropTypes.array,
+};

data/homePageData.js

@@ -1,9 +1,11 @@
 import { stats } from './commonData';
 import { groups } from './groupsData';
+import { partners } from './partnersData';
 
 const homePageData = {
   stats: stats,
   groups: groups,
+  partners: partners,
 };
 
 export default homePageData;

data/partnersData.js

@@ -0,0 +1,29 @@
+const partners = [
+  {
+    name: 'Grow with Google',
+    image: '/images/partners/Google_logo_Horizontal_Grey_RGB.png',
+    link: 'https://grow.google/intl/cz/',
+  },
+  {
+    name: 'SmartEmailing',
+    image: '/images/partners/SmartEmailing_logo_RGB_SmartEmailing_Color.png',
+    link: 'https://www.smartemailing.cz/',
+  },
+  {
+    name: 'Dotekománie',
+    image: '/images/partners/dotekomanie.png',
+    link: 'https://www.dotekomanie.cz/',
+  },
+  {
+    name: 'Google For Education',
+    image: '/images/partners/googleedu.png',
+    link: 'https://edu.google.com/',
+  },
+  {
+    name: 'MSD',
+    image: '/images/partners/msd.webp',
+    link: 'https://www.msd.cz/en/genai-2024"',
+  },
+];
+
+export { partners };

pages/index.js

@@ -115,7 +115,7 @@ const Home = ({ data, events }) => {
 
       {/* todo - add later <Box>Komunita</Box> */}
       <NewsletterForm />
-      <PartnersSection />
+      <PartnersSection partners={data.partners} />
     </Box>
   );
 };
@@ -124,6 +124,7 @@ Home.propTypes = {
   data: PropTypes.exact({
     stats: PropTypes.object,
     groups: PropTypes.object,
+    partners: PropTypes.array,
   }),
   events: EventsPropTypes,
 };