From 4d038df5c12032173469a796dcf36a57ddd27a9d Mon Sep 17 00:00:00 2001
From: mikwee <mikwee@protonmail.ch>
Date: Mon, 8 Nov 2021 17:02:39 +0200
Subject: [PATCH] Styling the Tumblr button, bringing back the map

---
 src/App.js            | 6 +++---
 src/styles/roots.scss | 5 ++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/App.js b/src/App.js
index a302b24..11cb895 100644
--- a/src/App.js
+++ b/src/App.js
@@ -11,8 +11,8 @@ function App() {
     <div className="App">
       <h1 id="title">{data.title}</h1>
       <div id="container">
-        <Button id="pinterest" variant="primary">Facebook</Button>
-        {/*{data.links.map((rootDetail, index)=>{
+        <Button id="tumblr" variant="primary">Facebook</Button>
+        {data.links.map((rootDetail, index)=>{
           if(rootDetail.type == "facebook") {
             res = <AwesomeButton className="roots"></AwesomeButton>
           }
@@ -23,7 +23,7 @@ function App() {
             // throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";
           }
           return res;
-        })}*/}
+        })}
       </div>
     </div>
   );
diff --git a/src/styles/roots.scss b/src/styles/roots.scss
index 35afa57..835a5e5 100644
--- a/src/styles/roots.scss
+++ b/src/styles/roots.scss
@@ -21,7 +21,10 @@ $btn-border-width: 0px;
     background-color: #0077b5;
 }
 #pinterest {
-    background-color: #e60023;
+    background-color: #e60023
+}
+#tumblr {
+    background-color: #35465c;
 }
 
 @import "./node_modules/bootstrap/scss/bootstrap.scss";
\ No newline at end of file