Transition from moment to luxon

karenying · Nov 29, 2020 · b8a1264 · b8a1264
1 parent d985f1e
commit b8a1264
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -75,6 +75,7 @@
     "invariant": "^2.2.4",
     "katex": "^0.12.0",
     "lodash": "^4.17.20",
+    "luxon": "^1.25.0",
     "netlify-cms-app": "^2.12.27",
     "node-sass": "^4.14.1",
     "normalize-scss": "^7.0.1",

diff --git a/src/components/Feed/Feed.js b/src/components/Feed/Feed.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'gatsby';
 import styles from './Feed.module.scss';
-import moment from 'moment';
+import { DateTime } from 'luxon';
 
 export const Tags = ({ tags, tagSlugs }) => (
   <div className={styles['feed__item-tags-container']}>
@@ -38,7 +38,7 @@ const Feed = ({ edges }) => (
         <div className={styles['feed__item-details']}>
           <p>
             <span className='dark-pink-text'>
-              {moment(new Date(edge.node.frontmatter.date)).format('MMM D')}
+              {DateTime.fromISO(edge.node.frontmatter.date).toFormat('MMM d')}
             </span>
             <span className={`${styles['feed__item-details-dot']} yellow-text`}>
               •

diff --git a/src/components/Post/Content/Content.js b/src/components/Post/Content/Content.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from './Content.module.scss';
 import feedStyles from '../../Feed/Feed.module.scss';
-import moment from 'moment';
+import { DateTime } from 'luxon';
 
 const Content = ({ body, title, description, date, minutes }) => (
   <div className={styles['content']}>
@@ -12,7 +12,7 @@ const Content = ({ body, title, description, date, minutes }) => (
     >
       <p>
         <span className='dark-pink-text'>
-          {moment(new Date(date)).format('MMM D, YYYY')}
+          {DateTime.fromISO(date).toFormat('MMM d, yyyy')}
         </span>
         <span className={`${feedStyles['feed__item-details-dot']} yellow-text`}>
           •