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