1 files changed, 45 insertions, 0 deletions
diff --git a/front/odiparpack/app/components/Profile/Connection.js b/front/odiparpack/app/components/Profile/Connection.js
new file mode 100644
index 0000000..beef128
--- /dev/null
+++ b/front/odiparpack/app/components/Profile/Connection.js
@@ -0,0 +1,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);