resolve console warnings, add meta description tag to blog posts (#131)

Author: raunaqss

src/components/Features.js

@@ -14,7 +14,7 @@ const FeatureGrid = ({ gridItems }) => (
                 display: 'inline-block',
               }}
             >
-              <PreviewCompatibleImage imageInfo={item.image} />
+              <PreviewCompatibleImage imageInfo={item} />
             </div>
           </div>
           <p>{item.text}</p>

src/pages/contact/index.js

@@ -59,19 +59,19 @@ export default class Index extends React.Component {
           <div className="field">
             <label className="label" htmlFor={"name"} >Your name</label>
             <div className="control">
-              <input className="input" type={"text"} name={"name"} onChange={this.handleChange} id={"name"} required={"true"} />
+              <input className="input" type={"text"} name={"name"} onChange={this.handleChange} id={"name"} required={true} />
             </div>
           </div>
           <div className="field">
             <label className="label" htmlFor={"email"}>Email</label>
               <div className="control">
-                <input className="input" type={"email"} name={"email"} onChange={this.handleChange} id={"email"} required={"true"} />
+                <input className="input" type={"email"} name={"email"} onChange={this.handleChange} id={"email"} required={true} />
               </div>
           </div>
           <div className="field">
             <label className="label" htmlFor={"message"}>Message</label>
             <div className="control">
-              <textarea className="textarea" name={"message"} onChange={this.handleChange} id={"email"} required={"true"} />
+              <textarea className="textarea" name={"message"} onChange={this.handleChange} id={"email"} required={true} />
             </div>
           </div>
           <div className="field">

src/templates/blog-post.js

@@ -51,7 +51,7 @@ BlogPostTemplate.propTypes = {
   contentComponent: PropTypes.func,
   description: PropTypes.string,
   title: PropTypes.string,
-  helmet: PropTypes.instanceOf(Helmet),
+  helmet: PropTypes.object,
 }
 
 const BlogPost = ({ data }) => {
@@ -63,7 +63,14 @@ const BlogPost = ({ data }) => {
         content={post.html}
         contentComponent={HTMLContent}
         description={post.frontmatter.description}
-        helmet={<Helmet title={`${post.frontmatter.title} | Blog`} />}
+        helmet={
+          <Helmet
+            titleTemplate="%s | Blog"
+          >
+            <title>{`${post.frontmatter.title}`}</title>
+            <meta name="description" content={`${post.frontmatter.description}`} />
+          </Helmet>
+        }
         tags={post.frontmatter.tags}
         title={post.frontmatter.title}
       />