Commit 97e8755f authored by Hashan Punchihewa's avatar Hashan Punchihewa

Uses card for sidebar, and heatmap

parent d63faedf
......@@ -383,8 +383,9 @@ class Profile extends React.Component {
<div className="row">
<div className="col-md-3">
<Sidebar id={this.props.id} _id={this.props._id} myid={this.props.myid}/>
<div className="stat">
<br/>
<div className="card">
<div className="card-body">
<CalendarHeatmap
startDate={TODAY_365}
endDate={TODAY}
......@@ -400,7 +401,7 @@ class Profile extends React.Component {
<div className="card-body" style={{padding: "1em", textAlign: "center"}}>You're on a {streak} day streak Keep it up!</div>
</div>
</div>
</div></div>
<div className="col-md-9">
<div className="row">
<div className="col-md-4">
......@@ -778,7 +779,8 @@ class Sidebar extends React.Component {
var joinDate = new Date(this.state.data["joined"].$date);
return <div>
<div className="sidebar stat">
<div className="card">
<div className="card-body">
<img style={{maxWidth:"100%", borderRadius:"150px"}} src={"https://graph.facebook.com/" + this.state.data.id + "/picture?width=900"}/>
<br/><br/>
<h2 style={{textAlign:"center"}}>{this.state.data["name"]}</h2>
......@@ -802,7 +804,7 @@ class Sidebar extends React.Component {
</Button>
</Modal.Footer>
</Modal>
</div>
</div></div>
}
}
......
......@@ -649,13 +649,6 @@ label.checkbox.inline .toggle {
fill: #254e77;
}
.stat {
padding: 20px;
/*box-shadow: grey 1px 1px 5px;*/
border: 1px solid silver;
background-color: white;
}
.small-nav {
padding: 10px;
box-shadow: grey 1px 1px 5px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment