refactor: move track feather icon into own component

newrelic · Sep 4, 2020 · 1b4d48d · 1b4d48d
1 parent 7bb142c
commit 1b4d48d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 20 deletions.
diff --git 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
@@ -1,9 +1,3 @@
-.eyeIcon,
-.cloudMigrationIcon {
-  stroke: url(#nerdDaysGradient);
-  stroke-width: 1.12px;
-}
-
 .agendaContainer {
   max-width: 1000px;
   margin: 0 auto;