Removed Button Group

This commit is contained in:
mikwee 2021-11-16 19:37:15 +02:00
parent 4c9665633c
commit fc283bac04

View file

@ -13,44 +13,42 @@ function App() {
<div className="App"> <div className="App">
<h1 id="title">{data.title}</h1> <h1 id="title">{data.title}</h1>
<div id="container"> <div id="container">
<ButtonGroup vertical> {data.links.map((rootDetail, index)=>{
{data.links.map((rootDetail, index)=>{ if(rootDetail.type === "facebook") {
if(rootDetail.type === "facebook") { res = <Button id="facebook" variant="primary" href={rootDetail.url}><Facebook/> {rootDetail.text}</Button>
res = <Button id="facebook" variant="primary" href={rootDetail.url}><Facebook/> {rootDetail.text}</Button> }
} else if(rootDetail.type === "instagram") {
else if(rootDetail.type === "instagram") { res = <Button id="instagram" variant="primary" href={rootDetail.url}><Instagram/> {rootDetail.text}</Button>
res = <Button id="instagram" variant="primary" href={rootDetail.url}><Instagram/> {rootDetail.text}</Button> }
} else if (rootDetail.type === "twitter") {
else if (rootDetail.type === "twitter") { res = <Button id="twitter" variant="primary" href={rootDetail.url}><Twitter/> {rootDetail.text}</Button>
res = <Button id="twitter" variant="primary" href={rootDetail.url}><Twitter/> {rootDetail.text}</Button> }
} else if (rootDetail.type === "github") {
else if (rootDetail.type === "github") { res = <Button id="github" variant="primary" href={rootDetail.url}><Github/> {rootDetail.text}</Button>
res = <Button id="github" variant="primary" href={rootDetail.url}><Github/> {rootDetail.text}</Button> }
} else if (rootDetail.type === "youtube") {
else if (rootDetail.type === "youtube") { res = <Button id="youtube" variant="primary" href={rootDetail.url}><Youtube/> {rootDetail.text}</Button>
res = <Button id="youtube" variant="primary" href={rootDetail.url}><Youtube/> {rootDetail.text}</Button> }
} else if (rootDetail.type === "linkedin") {
else if (rootDetail.type === "linkedin") { res = <Button id="linkedin" variant="primary" href={rootDetail.url}><Linkedin/> {rootDetail.text}</Button>
res = <Button id="linkedin" variant="primary" href={rootDetail.url}><Linkedin/> {rootDetail.text}</Button> }
} else if (rootDetail.type === "pinterest") {
else if (rootDetail.type === "pinterest") { res = <Button id="pinterest" variant="primary" href={rootDetail.url}><Pinterest/> {rootDetail.text}</Button>
res = <Button id="pinterest" variant="primary" href={rootDetail.url}><Pinterest/> {rootDetail.text}</Button> }
} else if (rootDetail.type === "tumblr") {
else if (rootDetail.type === "tumblr") { res = <Button id="tumblr" variant="primary" href={rootDetail.url}><Tumblr viewBox="250 0 300 200" width="32px" height="32px"/> {rootDetail.text}</Button>
res = <Button id="tumblr" variant="primary" href={rootDetail.url}><Tumblr viewBox="250 0 300 200" width="32px" height="32px"/> {rootDetail.text}</Button> }
} else if (rootDetail.type === "reddit") {
else if (rootDetail.type === "reddit") { res = <Button id="reddit" variant="primary" href={rootDetail.url}><Reddit/> {rootDetail.text}</Button>
res = <Button id="reddit" variant="primary" href={rootDetail.url}><Reddit/> {rootDetail.text}</Button> }
} else if (rootDetail.type === "basic") {
else if (rootDetail.type === "basic") { res = <Button variant="primary" href={rootDetail.url}>{rootDetail.text}</Button>
res = <Button variant="primary" href={rootDetail.url}>{rootDetail.text}</Button> }
} else {
else { // throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";
// throw "One of your roots has an unrecognized type. Check out the documentation for the supported types."; }
} return res;
return res; })}
})}
</ButtonGroup>
</div> </div>
</div> </div>
); );