From 869547dc93f377a0c41968d821b9f26ce35d7620 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 1 Mar 2022 19:53:40 -0800
Subject: [PATCH] Add settings icon to Button

---
 components/Button/index.scss | 5 +++++
 components/Button/index.tsx  | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/components/Button/index.scss b/components/Button/index.scss
index 616c9cf0..4f363ce5 100644
--- a/components/Button/index.scss
+++ b/components/Button/index.scss
@@ -86,6 +86,11 @@
             fill: none;
             stroke: $grey-50;
         }
+
+        &.settings svg {
+            height: 13px;
+            width: 13px;
+        }
     }
 
     &.Active {
diff --git a/components/Button/index.tsx b/components/Button/index.tsx
index 3fcd68f5..4d670555 100644
--- a/components/Button/index.tsx
+++ b/components/Button/index.tsx
@@ -9,6 +9,7 @@ import EditIcon from '~public/icons/Edit.svg'
 import LinkIcon from '~public/icons/Link.svg'
 import MenuIcon from '~public/icons/Menu.svg'
 import SaveIcon from '~public/icons/Save.svg'
+import SettingsIcon from '~public/icons/Settings.svg'
 
 import './index.scss'
 
@@ -68,6 +69,10 @@ class Button extends React.Component<Props, State> {
             icon = <span className='icon stroke'>
                 <SaveIcon />
             </span>
+        } else if (this.props.icon === 'settings') {
+            icon = <span className='icon settings'>
+                <SettingsIcon />
+            </span>
         }
 
         const classes = classNames({