Skip to content

2
2021-155
Commit 30805b0c authored by Kamal Thennakoon's avatar Kamal Thennakoon
Browse files
Options

update git summary component

parent 69cf44f2
Hide whitespace changes
Inline Side-by-side
Showing with 95 additions and 40 deletions
client/components/portfolio/git-summary-card/git-summary-card.js
View file @ 30805b0c
import React from 'react'; import React from 'react'
import Card from '@material-ui/core/Card'; import Card from '@material-ui/core/Card'
import { Avatar, CardContent, CardHeader, List, ListItem, ListItemAvatar, ListItemText } from '@material-ui/core'; import {
import ImageIcon from '@material-ui/icons/Image'; Avatar,
import WorkIcon from '@material-ui/icons/Work'; CardContent,
import BeachAccessIcon from '@material-ui/icons/BeachAccess'; CardHeader,
Grid,
List,
ListItem,
ListItemAvatar,
ListItemText
} from '@material-ui/core'
export default function GitSummaryCard(){ import WorkIcon from '@material-ui/icons/Work'
return ( import StarIcon from '@material-ui/icons/Star'
<Card> import BuildIcon from '@material-ui/icons/Build'
<CardHeader title="Git Stats"></CardHeader> import LocationCityIcon from '@material-ui/icons/LocationCity'
<CardContent> import BugReportIcon from '@material-ui/icons/BugReport'
import TrendingUpIcon from '@material-ui/icons/TrendingUp'
export default function GitSummaryCard({ info }) {
return (
<Card>
<CardHeader title="Git Stats"></CardHeader>
<CardContent>
<Grid container spacing={1}>
<Grid item lg={6}>
<List>
<ListItem>
<ListItemAvatar>
<Avatar>
<LocationCityIcon />
</Avatar>
</ListItemAvatar>
<ListItemText primary="Location" secondary={info.location} />
</ListItem>
<ListItem>
<ListItemAvatar>
<Avatar>
<WorkIcon />
</Avatar>
</ListItemAvatar>
<ListItemText primary="Work" secondary={info.company} />
</ListItem>
<ListItem>
<ListItemAvatar>
<Avatar>
<TrendingUpIcon />
</Avatar>
</ListItemAvatar>
<ListItemText primary="Total PRs" secondary={info.totalPRs} />
</ListItem>
</List>
</Grid>
<Grid item lg={6}>
<List> <List>
<ListItem> <ListItem>
<ListItemAvatar> <ListItemAvatar>
<Avatar> <Avatar>
<ImageIcon /> <StarIcon />
</Avatar> </Avatar>
</ListItemAvatar> </ListItemAvatar>
<ListItemText primary="Photos" secondary="Jan 9, 2014" /> <ListItemText
</ListItem> primary="Total Stars"
<ListItem> secondary={info.totalStars}
<ListItemAvatar> />
<Avatar> </ListItem>
<WorkIcon /> <ListItem>
</Avatar> <ListItemAvatar>
</ListItemAvatar> <Avatar>
<ListItemText primary="Work" secondary="Jan 7, 2014" /> <BuildIcon />
</ListItem> </Avatar>
<ListItem> </ListItemAvatar>
<ListItemAvatar> <ListItemText
<Avatar> primary="Contributed To"
<BeachAccessIcon /> secondary={info.contributedTo}
</Avatar> />
</ListItemAvatar> </ListItem>
<ListItemText primary="Vacation" secondary="July 20, 2014" /> <ListItem>
</ListItem> <ListItemAvatar>
</List> <Avatar>
</CardContent> <BugReportIcon />
</Card> </Avatar>
) </ListItemAvatar>
} <ListItemText
\ No newline at end of file primary="Total Issues"
secondary={info.totalIssues}
/>
</ListItem>
</List>
</Grid>
</Grid>
</CardContent>
</Card>
)
}
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