github button is working

Author: AmoDinho

src/components/buttons/GithubButtton.js

@@ -1,18 +1,23 @@
 import PropTypes from "prop-types"
 import React from "react"
 import Github from "../../assets/github_black.svg"
-const GithubButton = ({ children, className, onClick }) => (
-  <button className={`${className} cursor-pointer `} onClick={onClick}>
+const GithubButton = ({ children, className, href }) => (
+  <a
+    className={`${className} cursor-pointer `}
+    target="_blank"
+    rel="noopener noreferrer"
+    href={href}
+  >
     <span className="flex flex-row">
       {children} <img src={Github} alt="framework" className="w-6 ml-2" />
     </span>
-  </button>
+  </a>
 )
 
 GithubButton.propTypes = {
   children: PropTypes.string,
   className: PropTypes.string,
-  onClick: PropTypes.func,
+  href: PropTypes.string,
 }
 
 GithubButton.defaultProps = {

src/templates/post.js

@@ -27,7 +27,6 @@ export default function Template({ data, pageContext }) {
         <SideChapterBox collapse />
       </div>
 
-      <GithubButton>Open an issue</GithubButton>
       <div className="mt-10">
         <ul className="flex justify-between">
           <li>
@@ -39,6 +38,10 @@ export default function Template({ data, pageContext }) {
               </Link>
             )}
           </li>
+          <GithubButton href="https://github.com/Fullstack-Serverless-GraphQL/fullstack-serverless-graphql-docs/issues/new">
+            Open an issue
+          </GithubButton>
+
           <li className="ml-20">
             {previous && (
               <Link to={previous.node.frontmatter.path}>