front/odiparpack/app/components/Profile/Connection.js


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

import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import datas from 'ba-api/connectionData';
import { Grid } from '@material-ui/core';
import ProfileCard from '../CardPaper/ProfileCard';
import styles from './profile-jss';

class Connection extends React.Component {
  render() {
    const { classes } = this.props;
    return (
      <Grid
        container
        alignItems="flex-start"
        justify="space-between"
        direction="row"
        spacing={2}
        className={classes.rootx}
      >
        {
          datas.map((data, index) => (
            <Grid item md={4} sm={6} xs={12} key={index.toString()}>
              <ProfileCard
                cover={data.cover}
                avatar={data.avatar}
                name={data.name}
                title={data.title}
                connection={data.connection}
                isVerified={data.verified}
                btnText="See Profile"
              />
            </Grid>
          ))
        }
      </Grid>
    );
  }
}

Connection.propTypes = {
  classes: PropTypes.object.isRequired
};

export default withStyles(styles)(Connection);