diff --git a/src/components/ActivitiesTable/index.js b/src/components/ActivitiesTable/index.js new file mode 100644 index 0000000..986815d --- /dev/null +++ b/src/components/ActivitiesTable/index.js @@ -0,0 +1,92 @@ +import React, { memo } from 'react'; +import { + TableContainer, + Table, + TableHead, + TableRow, + TableCell, + TableBody, + Paper, +} from '@material-ui/core'; + +import useStyles from './useStyles'; + +const ActivitiesTable = memo(() => { + const classes = useStyles(); + + function createData(activity, description, coins) { + return { activity, description, coins }; + } + + const rows = [ + createData( + 'ARTIGO_1000', + 'Artigos exclusivos de 1000 ou mais palavras postados no blog da EZ.devs', + 25, + ), + createData( + 'ARTIGO_500', + 'Artigos exclusivos de 500 a 699 palavras postados no blog da EZ.devs', + 10, + ), + createData( + 'ARTIGO_700', + 'Artigos exclusivos de 700 a 999 palavras postados no blog da EZ.devs', + 15, + ), + createData( + 'ARTIGO_TRADUÇÃO', + 'Traduzir um artigo seu para o inglês, e publicá-lo no medium da ez', + 5, + ), + createData( + 'EVENTO_PARTICIPAÇÃO', + 'Participar de eventos relacionados a área de TI, e postar uma foto no instagram marcando @ez.devs ou enviar a foto para o Ed do marketing.', + 5, + ), + createData('EVENTO_REALIZAÇÃO', 'Realizar evento, workshop, bootcamp pela Ez.devs.', 35), + createData('EZ.TALKS', 'Realizar o ez.talks na ez para o pessoal da empresa.', 15), + createData('OPEN_SOURCE_LIB', 'Disponibilizar uma lib própria para comunidade.', 15), + createData( + 'OS_PR_ACEITO', + 'Contribuir de forma relevante com algum projeto open source da comunidade. PR tem sido aceito pelo owner do projeto. ', + 10, + ), + createData( + 'OS_PR_SUBMETIDO', + 'Contribuir de forma relevante com algum projeto open source da comunidade. PR submetido, mas não aceito.', + 5, + ), + createData('PALESTRA', 'Realizar palestra pela EZ.devs.', 25), + createData('VÍDEO_CONTEÚDO', 'Gravar um vídeo de conteúdo para o canal da EZ.devs.', 15), + createData('VÍDEO_INSTAGRAM', 'Gravar vídeo para o Insta da EZ.devs.', 10), + createData('VÍDEO_PARTICIPAÇÃO', 'Gravar vídeo para o canal do Youtube como "entrevistado"', 5), + ]; + + return ( + + + + + Atividades + Descrição + Coins + + + + {rows.map(row => ( + + + {row.activity} + + {row.description} + {row.coins} + + ))} + +
+
+ ); +}); + +export default ActivitiesTable; diff --git a/src/components/ActivitiesTable/useStyles.js b/src/components/ActivitiesTable/useStyles.js new file mode 100644 index 0000000..1f83e21 --- /dev/null +++ b/src/components/ActivitiesTable/useStyles.js @@ -0,0 +1,7 @@ +import { makeStyles } from '@material-ui/core'; + +export default makeStyles({ + table: { + minWidth: 650, + }, +}); diff --git a/src/components/Header/index.js b/src/components/Header/index.js index 8e9e1de..8b2244f 100644 --- a/src/components/Header/index.js +++ b/src/components/Header/index.js @@ -109,6 +109,7 @@ const Header = memo(() => {
{isAdmin && } + {isAdmin && } { + const classes = useStyles(); + return ( + +
+
Atividades
+ +
+ +
+ ); +}); + +export default Activities; diff --git a/src/pages/Activities/useStyles.js b/src/pages/Activities/useStyles.js new file mode 100644 index 0000000..26f44aa --- /dev/null +++ b/src/pages/Activities/useStyles.js @@ -0,0 +1,21 @@ +import { makeStyles } from '@material-ui/core'; + +export default makeStyles(theme => ({ + container: { + margin: theme.spacing(5), + justifyContent: 'center', + }, + divider: { + width: 120, + height: 2, + background: 'black', + position: 'absolute', + left: 'calc(50% - 60px)', + marginTop: 8, + }, + title: { + textAlign: 'center', + fontSize: 22, + textTransform: 'uppercase', + }, +})); diff --git a/src/router/routes.js b/src/router/routes.js index 623ec8c..d06b3d0 100644 --- a/src/router/routes.js +++ b/src/router/routes.js @@ -8,6 +8,7 @@ import Donate from '../pages/Donate'; import History from '../pages/History'; import Login from '../pages/Login'; import RegisterUser from '../pages/Users'; +import Activities from '../pages/Activities'; import WithAuth from '../hocs/WithAuth'; const Routes = memo(() => { @@ -44,6 +45,9 @@ const Routes = memo(() => { + + +