import React from 'react';

class Article extends React.Component {

  constructor(props){
    super(props);
  }

  render () {
    const { title, subtitle, content, buttonText, href, githubUrl, languages, year } = this.props;
    return (
      <div className="row">
        <div className="col-md-7 fadein">
          <img className="image-responsive" src={href} width="650"/>
          <a href="#"></a>
        </div>
        <div className="col-md-5">
          <h2> <b> {title} </b> </h2>
          <h4> <em> {subtitle} </em></h4>
          <p>{content}</p>
          <p>Technologies : <small>{languages}</small></p>
          <p><small>{year}</small></p>
          <a className="btn btn-primary my-button" target="_blank" href={githubUrl}>
            {buttonText}
            <span className="glyphicon glyphicon-chevron-right"></span>
          </a>
        </div>
      </div>
    );
  }
}

Article.propTypes = {
  title: React.PropTypes.string,
  subtitle: React.PropTypes.string,
  content: React.PropTypes.string,
  buttonText: React.PropTypes.string,
  href: React.PropTypes.string,
  githubUrl: React.PropTypes.string,
  languages: React.PropTypes.string,
  year: React.PropTypes.number,
};

Article.defaultProps = {
  title: 'Big Project',
  subtitle: "",
  content: "Super content",
  buttonText: "View Project",
  href: "http://placehold.it/600x300",
  githubUrl: "https://github.com/guillaume-gomez",
  languages: "",
  year: ""

};

export default Article;


@@ -20,16 +20,53 @@
 react';%0A
+import %7B t %7D from %22./Translations%22;%0A%0A
 %0Aclass A
@@ -174,63 +174,8 @@
 t %7B 
-title, subtitle, content, buttonText, href, githubUrl, 
 lang
@@ -185,16 +185,30 @@
 es, year
+, name, locale
  %7D = thi
@@ -348,20 +348,41 @@
 e%22 src=%7B
+t(locale, %60$%7Bname%7D_
 href
+%60)
 %7D width=
@@ -486,21 +486,42 @@
 2%3E %3Cb%3E %7B
+t(locale, %60$%7Bname%7D_
 title
+%60)
 %7D %3C/b%3E %3C
@@ -546,24 +546,43 @@
 %3E %3Cem%3E %7B
+t(locale, %60$%7Bname%7D_
 subtitle
 %7D %3C/em%3E%3C
@@ -573,16 +573,18 @@
 subtitle
+%60)
 %7D %3C/em%3E%3C
@@ -602,23 +602,44 @@
     %3Cp%3E%7B
+t(locale, %60$%7Bname%7D_
 content
+%60)
 %7D%3C/p%3E%0A  
@@ -807,16 +807,35 @@
 %22 href=%7B
+t(locale, %60$%7Bname%7D_
 githubUr
@@ -835,16 +835,18 @@
 ithubUrl
+%60)
 %7D%3E%0A     
@@ -853,16 +853,35 @@
        %7B
+t(locale, %60$%7Bname%7D_
 buttonTe
@@ -882,16 +882,18 @@
 ttonText
+%60)
 %7D%0A      
@@ -1043,84 +1043,17 @@
 %7B%0A  
-title: React.PropTypes.string,%0A  subtitle: React.PropTypes.string,%0A  content
+languages
 : Re
@@ -1076,26 +1076,20 @@
 ring,%0A  
-buttonText
+name
 : React.
@@ -1112,49 +1112,12 @@
 ,%0A  
-href: React.PropTypes.string,%0A  githubUrl
+year
 : Re
@@ -1137,32 +1137,29 @@
 .string,%0A  l
-anguages
+ocale
 : React.Prop
@@ -1168,276 +1168,67 @@
 pes.
-string,%0A  year: React.PropTypes.number,%0A%7D;%0A%0AArticle.defaultProps = %7B%0A  title: 'Big Project',%0A  subtitle: %22%22,%0A  content: %22Super content%22,%0A  buttonText: %22View Project%22,%0A  href: %22http://placehold.it/600x300%22,%0A  githubUrl: %22https://github.com/guillaume-gomez%22,%0A  languages
+object%0A%7D;%0A%0AArticle.defaultProps = %7B%0A  languages: %22%22,%0A  name
 : %22%22
@@ -1239,17 +1239,17 @@
 year: %22%22
-%0A
+,
 %0A%7D;%0A%0Aexp

update article