From 048aa875a01c26cc2aa8311fb8f24b8b8256f266 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Mon, 22 Jun 2020 16:40:14 -0700
Subject: [PATCH] chore: Switch from minutes prop to duration

---
 src/components/GuideTile.js | 8 ++++----
 src/pages/index.js          | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/GuideTile.js b/src/components/GuideTile.js
index ac058bfe9..63c9fdff8 100644
--- a/src/components/GuideTile.js
+++ b/src/components/GuideTile.js
@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import FeatherIcon from './FeatherIcon';
-import NewRelicIcon from '../components/NewRelicIcon';
+import NewRelicIcon from './NewRelicIcon';
 import cx from 'classnames';
 import { navigate } from 'gatsby';
 import styles from './GuideTile.module.scss';
 
-const GuideTile = ({ icon, minutes, title, description, path, className }) => (
+const GuideTile = ({ icon, duration, title, description, path, className }) => (
   <div className={cx(styles.tile, className, { [styles.tileWithIcon]: icon })}>
     {icon && (
       <div className={styles.iconContainer}>
@@ -16,7 +16,7 @@ const GuideTile = ({ icon, minutes, title, description, path, className }) => (
 
     <div className={styles.timeEstimate}>
       <FeatherIcon className={styles.timeIcon} name="clock" />
-      {minutes} minutes
+      {duration}
     </div>
     <h2 className={styles.title}>{title}</h2>
     <p className={styles.description}>{description}</p>
@@ -31,7 +31,7 @@ const GuideTile = ({ icon, minutes, title, description, path, className }) => (
 );
 
 GuideTile.propTypes = {
-  minutes: PropTypes.number.isRequired,
+  duration: PropTypes.string.isRequired,
   title: PropTypes.string.isRequired,
   description: PropTypes.string.isRequired,
   path: PropTypes.string.isRequired,
diff --git a/src/pages/index.js b/src/pages/index.js
index 3fd16dca2..dfcdce3c2 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -18,7 +18,7 @@ import styles from './index.module.scss';
 
 const getStartedGuides = [
   {
-    minutes: 5,
+    duration: '5 min',
     title: 'Create custom events',
     description:
       'Define, visualize, and get alerts on the data you want using custom events',
@@ -26,14 +26,14 @@ const getStartedGuides = [
     icon: 'collectData',
   },
   {
-    minutes: 7,
+    duration: '7 min',
     title: 'Add tags to apps',
     description: `Add tags to applications you instrument for easier filtering and organization`,
     path: '/automate-workflows/add-tags-to-apps',
     icon: 'automation',
   },
   {
-    minutes: 12,
+    duration: '12 min',
     title: 'Build a Hello, World! app',
     description: `Build a Hello, World! app and publish it to your local New Relic One Catalog`,
     path: '/build-apps/build-hello-world-app',
@@ -146,7 +146,7 @@ const IndexPage = ({ data, pageContext }) => {
             {nodes.map(({ frontmatter }, index) => (
               <GuideTile
                 key={index}
-                minutes={frontmatter.duration}
+                duration={frontmatter.duration}
                 title={frontmatter.callout?.title || frontmatter.title}
                 description={
                   frontmatter.callout?.description || frontmatter.description