Merge pull request #112 from standardnotes/feature/replace-moment

Replace moment.js with day.js

Author: Antonella Sgarlatta

client/app/components/authors/settings/GuestbookEntries.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import moment from "moment";
+import dayjs from "dayjs";
 import axios from "axios";
 import SVG from "react-inlinesvg";
 import ConfirmationModal from "./ConfirmationModal";
@@ -86,7 +86,7 @@ const GuestbookEntries = ({ guestbookEntries, setErrorToastMessage, setIsErrorTo
                                 </span>
                             )}
                             <span className="entry-details__item">
-                                {moment(entry.created_at).format("MMMM D, YYYY")}
+                                {dayjs(entry.created_at).format("MMMM D, YYYY")}
                             </span>
                         </p>
                         {entry.donation_info && entry.donation_info.length > 0 && (

client/app/components/authors/settings/MyPosts.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import moment from "moment";
+import dayjs from "dayjs";
 import axios from "axios";
 import SVG from "react-inlinesvg";
 import ConfirmationModal from "./ConfirmationModal";
@@ -90,7 +90,7 @@ const MyPosts = ({
                                 </span>
                             )}
                             <span className="post-details__item">
-                                {moment(post.created_at).format("MMMM D, YYYY")}
+                                {dayjs(post.created_at).format("MMMM D, YYYY")}
                             </span>
                             <span className="post-details__item">
                                 {post.word_count.toLocaleString()}

client/app/components/authors_mailer/UnreadGuestbookEntries.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import moment from "moment";
+import dayjs from "dayjs";
 
 export default ({ author, entries }) => (
     <div>
@@ -16,7 +16,7 @@ export default ({ author, entries }) => (
                 <p>
                     <strong>
                         On
-                        {moment.utc(entry.created_at).format("MMMM D, YYYY HH:mm")}
+                        {dayjs(entry.created_at).format("MMMM D, YYYY HH:mm")}
                         :
                     </strong>
                 </p>

client/app/components/posts/Post.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import moment from "moment";
+import dayjs from "dayjs";
 import SVG from "react-inlinesvg";
 import { IcArrowLong } from "../../assets/icons";
 import "./Post.scss";
@@ -15,7 +15,7 @@ const Post = ({ truncate, post }) => {
                 <h5 className="post-title h5">{post.title}</h5>
                 {post.page || (
                     <p className="post-date p3">
-                        {`${moment.utc(post.created_at).format("MMMM D, YYYY")} · ${post.word_count} words`}
+                        {`${dayjs(post.created_at).format("MMMM D, YYYY")} · ${post.word_count} words`}
                     </p>
                 )}
             </div>
@@ -60,7 +60,7 @@ const Post = ({ truncate, post }) => {
                     )}
                     {post.page || (
                         <p className="post-date p3">
-                            {`${moment.utc(post.created_at).format("MMMM D, YYYY")} · ${post.word_count} words`}
+                            {`${dayjs(post.created_at).format("MMMM D, YYYY")} · ${post.word_count} words`}
                         </p>
                     )}
                 </div>

client/app/components/subscription_mailer/WeeklyDigest.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import moment from "moment";
+import dayjs from "dayjs";
 
 export default ({ author, posts, unsubscribeUrl }) => {
     const renderedText = (post) => ({ __html: post.rendered_text });
@@ -19,7 +19,7 @@ export default ({ author, posts, unsubscribeUrl }) => {
                         </a>
                     </h3>
                     <div className="post-content">
-                        <i>{moment.utc(post.created_at).format("MMMM D, YYYY")}</i>
+                        <i>{dayjs(post.created_at).format("MMMM D, YYYY")}</i>
                         {/* eslint-disable-next-line react/no-danger */}
                         <div className="post-body" dangerouslySetInnerHTML={renderedText(post)} />
                     </div>

package.json

@@ -8,8 +8,8 @@
     "@hcaptcha/react-hcaptcha": "^0.2.1",
     "@rails/webpacker": "4.2.2",
     "axios": "^0.19.2",
+    "dayjs": "^1.10.4",
     "js-yaml": "^3.14.0",
-    "moment": "^2.27.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-inlinesvg": "^2.1.0",

yarn.lock

@@ -3483,6 +3483,11 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
+dayjs@^1.10.4:
+  version "1.10.4"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.10.4.tgz#8e544a9b8683f61783f570980a8a80eaf54ab1e2"
+  integrity sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw==
+
 [email protected], debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -6228,11 +6233,6 @@ mixin-deep@^1.2.0:
   dependencies:
     minimist "^1.2.5"
 
-moment@^2.27.0:
-  version "2.27.0"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.27.0.tgz#8bff4e3e26a236220dfe3e36de756b6ebaa0105d"
-  integrity sha512-al0MUK7cpIcglMv3YF13qSgdAIqxHTO7brRtaz3DlSULbqfazqkc5kEjNrLDOM7fsjshoFIihnU8snrP7zUvhQ==
-
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"