Styling the Tumblr button, bringing back the map

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>
   );

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";