diff options
| -rw-r--r-- | src/developers.json | 10 | ||||
| -rw-r--r-- | src/pages/Contribute/Contribute.js | 60 |
2 files changed, 68 insertions, 2 deletions
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 </Button> </ContentSection> + <ContentSection sectionName="Developers"> + <List> + { + developers.map(developer => { + const githubUrl = `https://github.com/${developer.username}`; + const avatarUrl = `${githubUrl}.png`; + + return ( + <> + <ListItem> + <Link href={githubUrl}> + <Avatar alt={developer.username} src={avatarUrl} /> + </Link> + <div> + <Link href={githubUrl}> + <Typography> + {developer.username} + </Typography> + </Link> + <Typography color="textSecondary"> + {developer.role} + </Typography> + </div> + </ListItem> + <Divider variant="middle"/> + </> + ) + }) + } + <ListItem> + <Avatar /> + <Typography>You can be here!</Typography> + </ListItem> + </List> + <Button + variant="contained" + color="secondary" + size="large" + href="https://github.com/users/Eug-VS/projects/3" + > + Join us! + </Button> + </ContentSection> </div> </Window> ); - }; |