diff --git a/src/App.js b/src/App.js
index ca8d852..a302b24 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,13 +5,13 @@ import './styles/roots.scss';
import data from './roots.json'
function App() {
- const socialTypes = ["facebook", "instagram", "twitter", "github", "youtube", "linkedin", "pinterest", "messenger", "whatsapp"];
+ const socialTypes = ["facebook", "instagram", "twitter", "github", "youtube", "linkedin", "pinterest"];
return (
{data.title}
-
+
{/*{data.links.map((rootDetail, index)=>{
if(rootDetail.type == "facebook") {
res =
diff --git a/src/styles/roots.scss b/src/styles/roots.scss
index a6da23e..35afa57 100644
--- a/src/styles/roots.scss
+++ b/src/styles/roots.scss
@@ -14,5 +14,14 @@ $btn-border-width: 0px;
background-color: #fafafa;
color: #333;
}
+#youtube {
+ background-color: #ff0000;
+}
+#linkedin {
+ background-color: #0077b5;
+}
+#pinterest {
+ background-color: #e60023;
+}
@import "./node_modules/bootstrap/scss/bootstrap.scss";
\ No newline at end of file