import React, { Component } from 'react'

export default class WorkItem extends Component {

  render() {
    const {name,description,homepage}=this.props.repo;
    let {language} = this.props.repo;
    language = language==='CSS' ? 'Javascript' : language
    const header = homepage ? <h3><a className="icon fa-github" href={homepage}>{name} | {language}</a></h3> : <h3>{name} | {language}</h3>
    
    return (
      <React.Fragment>
        {header}
          <p>{description}</p>
      </React.Fragment>
    )
  }
}

@@ -135,16 +135,25 @@
 homepage
+,html_url
 %7D=this.p
@@ -320,13 +320,12 @@
 fa-g
-ithub
+lobe
 %22 hr
@@ -392,16 +392,73 @@
 anguage%7D
+ %7C %3Ca className=%22icon fa-github%22 href=%7Bhtml_url%7D%3ECode%3C/a%3E
 %3C/h3%3E%0A  

update work items