Add links to footer

Author: PrinceSumberia

src/components/Footer.js

@@ -8,15 +8,24 @@ class Footer extends Component {
     const { classes } = this.props;
     return (
       <footer className={classes.footer}>
-        <button className={classNames(classes.btn, classes.github)}>
+        <a
+          href="https://github.com/PrinceSumberia/covid-19-tracker"
+          className={classNames(classes.btn, classes.github)}
+        >
           Contribute on Github
-        </button>
-        <button className={classNames(classes.btn, classes.twitter)}>
+        </a>
+        <a
+          href="https://twitter.com/intent/tweet?text=Get the latest Covid-19 updates with Covid-19 India Tracker!&url=https://covidindiatracker.netlify.app/"
+          className={classNames(classes.btn, classes.twitter)}
+        >
           Share on Twitter
-        </button>
-        <button className={classNames(classes.btn, classes.issue)}>
+        </a>
+        <a
+          href="https://github.com/PrinceSumberia/covid-19-tracker/issues/new"
+          className={classNames(classes.btn, classes.issue)}
+        >
           Report an Issue
-        </button>
+        </a>
       </footer>
     );
   }

src/styles/FooterStyles.js

@@ -15,6 +15,7 @@ export default {
     transition: "all .3s",
     transform: "translateY(-.5rem)",
     boxShadow: "0 .5rem 2rem rgba(0,0,0,.5)",
+    textDecoration: "none",
 
     "&:hover": {
       transform: "translateY(0)",