Misc fixes from qa pass (#5650)

app/scenes/Document/components/CommentThreadItem.tsx

@@ -1,4 +1,4 @@
-import { differenceInMilliseconds, formatDistanceToNow } from "date-fns";
+import { differenceInMilliseconds } from "date-fns";
 import { toJS } from "mobx";
 import { observer } from "mobx-react";
 import { darken } from "polished";
@@ -7,6 +7,7 @@ import { useTranslation } from "react-i18next";
 import styled, { css } from "styled-components";
 import breakpoint from "styled-components-breakpoint";
 import { s } from "@shared/styles";
+import { dateToRelative } from "@shared/utils/date";
 import { Minute } from "@shared/utils/time";
 import Comment from "~/models/Comment";
 import Avatar from "~/components/Avatar";
@@ -37,9 +38,9 @@ function useShowTime(
   }
 
   const previousTimeStamp = previousCreatedAt
-    ? formatDistanceToNow(Date.parse(previousCreatedAt))
+    ? dateToRelative(Date.parse(previousCreatedAt))
     : undefined;
-  const currentTimeStamp = formatDistanceToNow(Date.parse(createdAt));
+  const currentTimeStamp = dateToRelative(Date.parse(createdAt));
 
   const msSincePreviousComment = previousCreatedAt
     ? differenceInMilliseconds(

app/scenes/Document/components/SharePopover.tsx

@@ -1,4 +1,3 @@
-import { formatDistanceToNow } from "date-fns";
 import invariant from "invariant";
 import { debounce, isEmpty } from "lodash";
 import { observer } from "mobx-react";
@@ -8,7 +7,7 @@ import { useTranslation, Trans } from "react-i18next";
 import { Link } from "react-router-dom";
 import styled from "styled-components";
 import { s } from "@shared/styles";
-import { dateLocale } from "@shared/utils/date";
+import { dateLocale, dateToRelative } from "@shared/utils/date";
 import { SHARE_URL_SLUG_REGEX } from "@shared/utils/urlHelpers";
 import Document from "~/models/Document";
 import Share from "~/models/Share";
@@ -193,13 +192,10 @@ function SharePopover({
               <>
                 .{" "}
                 {t("The shared link was last accessed {{ timeAgo }}.", {
-                  timeAgo: formatDistanceToNow(
-                    Date.parse(share?.lastAccessedAt),
-                    {
-                      addSuffix: true,
-                      locale,
-                    }
-                  ),
+                  timeAgo: dateToRelative(Date.parse(share?.lastAccessedAt), {
+                    addSuffix: true,
+                    locale,
+                  }),
                 })}
               </>
             )}