From 1a3bab64848bc125d6c99886bfb6e899b7ea8571 Mon Sep 17 00:00:00 2001
From: Francisco Pessano <franpessano1@gmail.com>
Date: Thu, 3 Feb 2022 21:03:39 -0300
Subject: [PATCH] Footer done

---
 src/App.jsx                                   | 23 +++++----
 .../CryptoGallery/CryptoGalleryItem.jsx       |  3 +-
 src/components/Footer/Footer.jsx              | 50 +++++++++++++++++++
 3 files changed, 63 insertions(+), 13 deletions(-)
 create mode 100644 src/components/Footer/Footer.jsx

diff --git a/src/App.jsx b/src/App.jsx
index ecea54a..59594c4 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -12,6 +12,7 @@ import {
 import Crypto from './components/Crypto/Crypto';
 
 import CryptoGalleryContainer from './components/CryptoGallery/CryptoGalleryContainer'
+import Footer from './components/Footer/Footer';
 
 function App() {
  
@@ -22,17 +23,17 @@ function App() {
 
   return (
     <GlobalStyles>
-
-    <Router>
-      <Switch>
-        <Route path="/crypto/:cryptoID">
-          <Crypto />
-        </Route>
-        <Route path="/">
-          <CryptoGalleryContainer />
-        </Route>
-      </Switch>
-    </Router>
+      <Router>
+        <Switch>
+          <Route path="/crypto/:cryptoID">
+            <Crypto />
+          </Route>
+          <Route path="/">
+            <CryptoGalleryContainer />
+          </Route>
+        </Switch>
+      </Router>
+      <Footer/>
     </GlobalStyles>
   );
 }
diff --git a/src/components/CryptoGallery/CryptoGalleryItem.jsx b/src/components/CryptoGallery/CryptoGalleryItem.jsx
index f50d24d..9b15bc4 100644
--- a/src/components/CryptoGallery/CryptoGalleryItem.jsx
+++ b/src/components/CryptoGallery/CryptoGalleryItem.jsx
@@ -49,10 +49,9 @@ const CryptoGalleryItem = ({CryptoStyles, data, cryptoPrices, dates, index, cryp
         lg={4}
         md={6}
         sm={12}
-        onClick={() => {if (!loading) history.push(`/crypto/${data.id}`)}}
         style={{cursor: loading ? 'initial' : 'clicker'}}
       >
-        <Card className="card">
+        <Card className="card" onClick={() => {if (!loading) history.push(`/crypto/${data.id}`)}}>
           <CardContent
             className="container"  
           >
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
new file mode 100644
index 0000000..5aa39f9
--- /dev/null
+++ b/src/components/Footer/Footer.jsx
@@ -0,0 +1,50 @@
+import React from 'react'
+
+/**
+ * 
+ * .made-with-love a {
+    color: #f7f7f7
+  }
+  
+  .made-with-love {
+    color:rgb(185, 185, 185);
+    margin-top: auto;
+    width: 100%;
+
+    padding-top: 5vh;
+    padding-bottom: 5vh;
+    padding-left: 3vw;
+
+    box-sizing: border-box;
+  }
+
+.made-with-love.dark-mode-component {
+
+  background-color: $main-color-dark;
+}
+ */
+
+const Footer = () => {
+    return (
+        <footer
+            style={{
+                fontFamily: "Raleway",
+                color:"#fff",
+                marginTop: "3vh",
+                width: "100%",
+            
+                paddingTop: "4vh",
+                paddingBottom: "4vh",
+                paddingLeft: "3vw",
+            
+                boxSizing: "border-box",
+
+                backgroundColor: "#00000036"
+            }}
+        >
+            Made with 💓 by <a style={{color: "#1f5ebd"}} href="https://porfolio-franp.netlify.app" rel="noreferrer" target="_blank">Francisco Pessano</a>
+        </footer>
+    )
+}
+
+export default Footer