From 1b4d48d3f6f2e858aa6126d04fc739945afa44d2 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Thu, 3 Sep 2020 23:40:11 -0700
Subject: [PATCH] refactor: move track feather icon into own component

---
 src/pages/nerd-days.js          | 21 +++++++--------------
 src/pages/nerd-days.module.scss |  6 ------
 2 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/src/pages/nerd-days.js b/src/pages/nerd-days.js
index 1908ca671..91ee1b1e8 100644
--- a/src/pages/nerd-days.js
+++ b/src/pages/nerd-days.js
@@ -317,23 +317,11 @@ const NerdDaysPage = () => {
             >
               <TrackItem
                 name="Observability"
-                icon={
-                  <FeatherIcon
-                    className={cx(styles.eyeIcon)}
-                    name="eye"
-                    size="87px"
-                  />
-                }
+                icon={<TrackFeatherIcon name="eye" size="87px" />}
               />
               <TrackItem
                 name="Cloud migration"
-                icon={
-                  <FeatherIcon
-                    className={cx(styles.cloudMigrationIcon)}
-                    name="upload-cloud"
-                    size="87px"
-                  />
-                }
+                icon={<TrackFeatherIcon name="upload-cloud" size="87px" />}
               />
               <TrackItem
                 name="Open source"
@@ -834,6 +822,11 @@ TrackItem.propTypes = {
   name: PropTypes.string,
 };
 
+const TrackFeatherIcon = styled(FeatherIcon)`
+  stroke: url(#nerdDaysGradient);
+  stroke-width: 1.12px;
+`;
+
 const EngagementIcon = (props) => (
   <Icon
     size="1.25rem"
diff --git a/src/pages/nerd-days.module.scss b/src/pages/nerd-days.module.scss
index b5d769754..4aa47462a 100644
--- a/src/pages/nerd-days.module.scss
+++ b/src/pages/nerd-days.module.scss
@@ -1,9 +1,3 @@
-.eyeIcon,
-.cloudMigrationIcon {
-  stroke: url(#nerdDaysGradient);
-  stroke-width: 1.12px;
-}
-
 .agendaContainer {
   max-width: 1000px;
   margin: 0 auto;