Events page (#512)

* WIP Events page * Minor fix * WIP Events page (desktop) * Reuse custom styles * Mobile version * Responsive design * Change banner URL * Add EthGlobal Brussels 2024 data * Minor fixes * Add links; Add FAQ * Implement requested changes
safe-global · Jul 9, 2024 · 9c41e7e · 9c41e7e
1 parent ac9434e
commit 9c41e7e
Show file tree

Hide file tree

Showing 32 changed files with 1,173 additions and 8 deletions.
diff --git a/assets/diamond-bg.png b/assets/diamond-bg.png
diff --git a/assets/diamond-dev.png b/assets/diamond-dev.png
diff --git a/assets/german.png b/assets/german.png
diff --git a/assets/louis.jpeg b/assets/louis.jpeg
diff --git a/assets/svg/building.svg b/assets/svg/building.svg
diff --git a/assets/svg/discord.svg b/assets/svg/discord.svg
diff --git a/assets/svg/ellipse-1.svg b/assets/svg/ellipse-1.svg
diff --git a/assets/svg/ellipse-2.svg b/assets/svg/ellipse-2.svg
diff --git a/assets/svg/ellipse-3.svg b/assets/svg/ellipse-3.svg
diff --git a/assets/svg/ellipse-4.svg b/assets/svg/ellipse-4.svg
diff --git a/assets/svg/gift.svg b/assets/svg/gift.svg
diff --git a/assets/svg/layers.svg b/assets/svg/layers.svg
diff --git a/assets/svg/stack-exchange.svg b/assets/svg/stack-exchange.svg
diff --git a/assets/svg/teach.svg b/assets/svg/teach.svg
diff --git a/assets/svg/trophy.svg b/assets/svg/trophy.svg
diff --git a/assets/valle.jpg b/assets/valle.jpg
diff --git a/components/Events/Bounty.tsx b/components/Events/Bounty.tsx
@@ -0,0 +1,52 @@
+import Link from 'next/link'
+import Grid from '@mui/material/Grid'
+import Typography from '@mui/material/Typography'
+import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'
+
+import css from './styles.module.css'
+
+const Bounty: React.FC<{
+  width: string | string[]
+  icon: JSX.Element
+  name: string
+  description: string
+  prize?: string
+  link?: string
+  linkLabel?: string
+}> = ({ width, icon, name, description, prize, link, linkLabel }) => (
+  <Grid
+    container
+    flexDirection='column'
+    sx={{
+      p: 4,
+      width,
+      border: 'solid 1px',
+      borderColor: ({ palette }) => palette.border.light,
+      borderRadius: '8px',
+      mt: ['30px', '0px']
+    }}
+    justifyContent='space-between'
+  >
+    <Grid item>
+      {icon}
+      <Typography sx={{ mt: '30px' }} className={css.heading3}>
+        {name}
+      </Typography>
+      <Typography color='text.dark' sx={{ my: '40px' }} className={css.body}>
+        {description}
+      </Typography>
+    </Grid>
+    <Typography className={css.heading3}>{prize}</Typography>{' '}
+    {link != null && (
+      <Grid item alignItems='flex-end'>
+        <Link href={link} target='_blank' rel='noopener noreferrer'>
+          <Typography className={css.link} sx={{ mt: '20px' }}>
+            {linkLabel} {<ArrowForwardIosIcon sx={{ width: '16px' }} />}
+          </Typography>
+        </Link>
+      </Grid>
+    )}
+  </Grid>
+)
+
+export default Bounty