Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/*Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
Departamento de Informatica - Universidade Federal do Parana
This file is part of Plataforma Integrada MEC.
Plataforma Integrada MEC is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Plataforma Integrada MEC is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/
import React, { useContext } from 'react';
import { Store } from '../Store.js'
import { Grid } from '@material-ui/core';
import Button from '@material-ui/core/Button';
import GetAppIcon from '@material-ui/icons/GetApp';
import AddIcon from '@material-ui/icons/Add';
import styled from 'styled-components';
import CollectionReview from './CollectionReview.js';
import FollowCollectionButton from './FollowCollectionButton.js';
export default function CollectionDescription(props) {
const { state } = useContext(Store);
console.log(state.currentUser);
return (
<Grid container direction="column" justify="center" alignItems="center">
<Grid item>
<Title>{props.title}</Title>
</Grid>
<Grid item container
direction="row" justify="space-between" alignItems="center"
>
<Grid item sm={4}>
<CollectionReview/>
</Grid>
<Grid item container sm={8}
direction="column" justify="center" alignItems="flex-end"
>
<Grid item style={{marginBottom: 10}}>
<DownloadButton
variant="outlined"
color="primary"
startIcon={<GetAppIcon fontSize="large"/>}
size="large"
>
<ButtonText>Baixar Coleção</ButtonText>
</DownloadButton>
</Grid>
<Grid item>
<FollowCollectionButton user_id={state.currentUser.id}/>
</Grid>
</Grid>
</Grid>
</Grid>
);
}
const Title=styled.h1`
font-size: 3em;
color: rgb(102, 102, 102);
float: left;
`
const ButtonText=styled.span`
font-weight: bolder;
font-size: 1.2em;
`
const DownloadButton=styled(Button)`
padding-left: 10,
padding-right: 10,
width: 210,
`