diff --git a/src/App.js b/src/App.js
index 11cb895..1fc1334 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,29 +1,56 @@
import './App.css';
-import {Button} from 'react-bootstrap';
+import {Button, ButtonGroup} from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
+import { Facebook, Instagram, Twitter, Github, Youtube, Linkedin, Pinterest, Reddit } from 'react-bootstrap-icons';
import './styles/roots.scss';
import data from './roots.json'
function App() {
+ var res;
const socialTypes = ["facebook", "instagram", "twitter", "github", "youtube", "linkedin", "pinterest"];
return (
{data.title}
-
- {data.links.map((rootDetail, index)=>{
- if(rootDetail.type == "facebook") {
- res =
- }
- else if (rootDetail.type === "basic") {
- res =
- }
- else {
- // throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";
- }
- return res;
- })}
+
+ {data.links.map((rootDetail, index)=>{
+ if(rootDetail.type === "facebook") {
+ res =
+ }
+ else if(rootDetail.type === "instagram") {
+ res =
+ }
+ else if (rootDetail.type === "twitter") {
+ res =
+ }
+ else if (rootDetail.type === "github") {
+ res =
+ }
+ else if (rootDetail.type === "youtube") {
+ res =
+ }
+ else if (rootDetail.type === "linkedin") {
+ res =
+ }
+ else if (rootDetail.type === "pinterest") {
+ res =
+ }
+ else if (rootDetail.type === "tumblr") {
+ res =
+ }
+ else if (rootDetail.type === "reddit") {
+ res =
+ }
+ else if (rootDetail.type === "basic") {
+ res =
+ }
+ else {
+ // throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";
+ }
+ return res;
+ })}
+
);
diff --git a/src/styles/roots.scss b/src/styles/roots.scss
index 835a5e5..4986f3e 100644
--- a/src/styles/roots.scss
+++ b/src/styles/roots.scss
@@ -26,5 +26,8 @@ $btn-border-width: 0px;
#tumblr {
background-color: #35465c;
}
+#reddit {
+ background-color: #ff4500;
+}
@import "./node_modules/bootstrap/scss/bootstrap.scss";
\ No newline at end of file