blob: 72089267d8fd7190683d6a9351a8f5ac0ab3fe09 (
plain)
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
|
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import imgApi from 'ba-api/images';
import avatarApi from 'ba-api/avatars';
import { ProfileCard, PostCard } from 'ba-components';
import { Typography, Grid } from '@material-ui/core';
const styles = theme => ({
divider: {
display: 'block',
margin: `${theme.spacing(3)}px 0`,
},
});
class StandardCard extends React.Component {
render() {
const { classes } = this.props;
return (
<Grid
container
alignItems="flex-start"
justify="center"
direction="row"
spacing={2}
>
<Grid item md={4}>
<Typography variant="button" className={classes.divider}>Profile Card</Typography>
<ProfileCard
cover={imgApi[42]}
avatar={avatarApi[6]}
name="John Doe"
title="UX designer"
connection={10}
btnText="Connect"
isVerified
/>
</Grid>
<Grid item md={4}>
<Typography variant="button" className={classes.divider}>Post Card</Typography>
<PostCard
liked={1}
shared={20}
commented={15}
date="Sept, 25 2018"
content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum."
image={imgApi[11]}
avatar={avatarApi[10]}
name="Jim Doe"
/>
</Grid>
<Grid item md={4}>
<Typography variant="button" className={classes.divider}>Post Card (Without Image)</Typography>
<PostCard
liked={90}
shared={10}
commented={22}
date="Sept, 15 2018"
content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum."
avatar={avatarApi[2]}
name="Jane Doe"
/>
</Grid>
</Grid>
);
}
}
StandardCard.propTypes = {
classes: PropTypes.object.isRequired,
};
export default withStyles(styles)(StandardCard);
|
