From 2e9c5cde70612ceba0e60536dfa9ee65793d3df4 Mon Sep 17 00:00:00 2001 From: Mathias Wagner <germannewsmaker@gmail.com> Date: Mon, 12 Sep 2022 21:03:38 +0200 Subject: [PATCH] Implemented icon & link support for the Icon component --- src/common/components/Button/Button.jsx | 7 ++++++- src/common/components/Button/styles.sass | 9 +++++++++ 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/src/common/components/Button/Button.jsx b/src/common/components/Button/Button.jsx index c78a78b..00bd573 100644 --- a/src/common/components/Button/Button.jsx +++ b/src/common/components/Button/Button.jsx @@ -2,7 +2,12 @@ import "./styles.sass"; const Button = (props) => { return ( - <button className="primary-btn">{props.text}</button> + <a href={props.to} className="btn-link"> + <button className="primary-btn"> + {props.image ? <img src={props.image} alt="i" className="btn-icon"/> : <></>} + {props.text} + </button> + </a> ) } diff --git a/src/common/components/Button/styles.sass b/src/common/components/Button/styles.sass index 4367acf..b718d49 100644 --- a/src/common/components/Button/styles.sass +++ b/src/common/components/Button/styles.sass @@ -10,6 +10,15 @@ border-radius: 14px cursor: pointer transition: all ease-in 0.1s + display: flex + +.btn-link + text-decoration: none + +.btn-icon + width: 24px + margin-right: 10px + border-radius: 150px .primary-btn:hover background-color: $primary-hover \ No newline at end of file