Footer link contributor established fix54

Author: Priyami

src/components/Footer/Footer.css

@@ -31,6 +31,11 @@
 .info > a {
   color: #71b6f6;
 }
+.info .contributor {
+  color: #71b6f6;
+  text-decoration: underline;
+  cursor: pointer;
+}
 
 .copyright > p {
   color: #a3a9a4;

src/components/Footer/Footer.js

@@ -1,9 +1,12 @@
 import React from 'react';
 import './Footer.css'
 import WWCodeFrontEnd from '../../assets/images/WWCode-Logo.png'
+import { useHistory } from 'react-router-dom';
 
 
 export default function Footer(){
+    const history = useHistory();
+
     return(
         <div className="footer">
             <div className="footer-items">
@@ -42,6 +45,9 @@ export default function Footer(){
             <a href="https://www.womenwhocode.com/frontend"
              target="_blank"
              rel="noopener noreferrer">https://www.womenwhocode.com/frontend</a>
+            
+             <p className="contributor" onClick={() => history.push('/contributor')}>contributors
+             </p>
              </div>
              </div>
 

src/components/Router.js

@@ -8,7 +8,6 @@ import SingleResource from "./SingleResource/SingleResource";
 import Contact from "./ContactUs/Contact";
 import About from "./About/About";
 import TableView from  "./Resources/TableView";
-import Bubblechart from "./Resources/Bubblechart";
 import GitApi from "./Api/GitApi";
 
 
@@ -24,8 +23,7 @@ const Router = () => (
       <Route exact path="/contact" component={Contact} />
       <Route exact path="/about" component={About} />
       <Route exact path="/TableView" component={TableView} />
-      <Route exact path="/bubblechart" component={Bubblechart} />
-      <Route exact path="/gitapi" component={GitApi} />
+      <Route exact path="/contributor" component={GitApi} />
 
     </Switch>
     <Footer/>