From a68198837b193369bfcc03f320c012d8568836d8 Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Sun, 12 Jan 2020 03:35:39 +0300 Subject: Add Developers section to Contribute page --- src/developers.json | 10 +++++++ src/pages/Contribute/Contribute.js | 60 ++++++++++++++++++++++++++++++++++++-- 2 files changed, 68 insertions(+), 2 deletions(-) create mode 100644 src/developers.json (limited to 'src') diff --git a/src/developers.json b/src/developers.json new file mode 100644 index 0000000..f3e5357 --- /dev/null +++ b/src/developers.json @@ -0,0 +1,10 @@ +[ + { + "username": "eug-vs", + "role": "Back-end, front-end, management" + }, + { + "username": "asketonim", + "role": "Front-end, management" + } +] \ No newline at end of file diff --git a/src/pages/Contribute/Contribute.js b/src/pages/Contribute/Contribute.js index d584bfc..f601f3a 100644 --- a/src/pages/Contribute/Contribute.js +++ b/src/pages/Contribute/Contribute.js @@ -3,6 +3,11 @@ import React from 'react'; import { Typography, Button, + List, + ListItem, + Link, + Avatar, + Divider, makeStyles, } from "@material-ui/core"; @@ -13,10 +18,19 @@ import ContentSection from "../../components/ContentSection/ContentSection"; const useStyles = makeStyles(theme => ({ mono: { padding: theme.spacing(4), - } + + '& .MuiAvatar-root': { + marginRight: theme.spacing(2), + width: theme.spacing(6), + height: theme.spacing(6), + } + }, })); +const developers = require('../../developers.json'); + + const Contribute = () => { const classes = useStyles(); @@ -84,10 +98,52 @@ const Contribute = () => { Report a bug + + + { + developers.map(developer => { + const githubUrl = `https://github.com/${developer.username}`; + const avatarUrl = `${githubUrl}.png`; + + return ( + <> + + + + +
+ + + {developer.username} + + + + {developer.role} + +
+
+ + + ) + }) + } + + + You can be here! + +
+ +
); - }; -- cgit v1.2.3