Merge pull request #3126 from Aerozol/improve-link-listens-text

LB-1724: Improve 'link listens' / 'link with musicbrainz' text
metabrainz · Jan 14, 2025 · f40c908 · f40c908
2 parents 4b65efc + d8f11e2
commit f40c908
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 16 deletions.
diff --git a/docs/general/data-update-intervals.rst b/docs/general/data-update-intervals.rst
@@ -7,13 +7,14 @@ Expected schedule:
 System                                          Update schedule
 =============================================== =========================================
 Receiving listens, updating listen counts		Immediate [#f1]_
-Deleting listens					            Removed at the top of the next hour (UTC)
+Deleting listens					                  Removed at the top of the next hour (UTC)
 Updating statistics for new listens			    Daily [#f2]_
 Removing deleted listens from stats			    On the 2nd and 16th of each month
-Full dumps						                1st and 15th of each month
-Incremental dumps					            Daily
-Weekly playlists						           Monday morning, based on the users timezone setting
-Daily playlists [#f3]_						          Every morning, based on the users timezone setting
+Full dumps						                      1st and 15th of each month
+Incremental dumps					                  Daily
+Link listens						                    Monday morning at 2AM (UTC)
+Weekly playlists						                Monday morning, based on the user's timezone setting
+Daily playlists [#f3]_						          Every morning, based on the user's timezone setting
 =============================================== =========================================
 
 Situations will occasionally arise where these take longer. If you have been a very patient user, and

diff --git a/frontend/js/src/settings/link-listens/LinkListens.tsx b/frontend/js/src/settings/link-listens/LinkListens.tsx
@@ -13,7 +13,7 @@ import { Helmet } from "react-helmet";
 
 import NiceModal from "@ebay/nice-modal-react";
 
-import { groupBy, isNil, isNull, pick, size, sortBy } from "lodash";
+import { groupBy, isNil, isNull, isString, pick, size, sortBy } from "lodash";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useQuery } from "@tanstack/react-query";
 import ReactTooltip from "react-tooltip";
@@ -86,6 +86,15 @@ export default function LinkListensPage() {
   const [searchParams, setSearchParams] = useSearchParams();
   const pageSearchParam = searchParams.get("page");
 
+  const lastUpdatedHumanReadable = isString(lastUpdated)
+    ? new Date(lastUpdated).toLocaleString(undefined, {
+        day: "2-digit",
+        month: "short",
+        hour: "numeric",
+        minute: "numeric",
+        hour12: true,
+      })
+    : "—";
   // State
   const [deletedListens, setDeletedListens] = React.useState<Array<string>>([]);
   const [unlinkedListens, setUnlinkedListens] = React.useState<
@@ -249,28 +258,30 @@ export default function LinkListensPage() {
         first.
       </ReactTooltip>
       <p>
-        You will find below your top 1000 listens (grouped by album) that
-        have&nbsp;
+        Your top 1,000 listens (grouped by album) that have&nbsp;
         <u
           className="link-listens-tooltip"
           data-tip
           data-for="matching-tooltip"
         >
           not been automatically linked
         </u>
-        &nbsp; to a MusicBrainz recording. Link them below or&nbsp;
-        <a href="https://wiki.musicbrainz.org/How_to_Contribute">
-          submit new data to MusicBrainz
-        </a>
-        .
+        &nbsp;to a MusicBrainz recording.
       </p>
       <p className="small">
         <a href="https://musicbrainz.org/">MusicBrainz</a> is the open-source
-        music encyclopedia that ListenBrainz uses to display more information
-        about your music.
+        music encyclopedia that ListenBrainz uses to display information about
+        your music.&nbsp;
+        <a href="https://wiki.musicbrainz.org/How_to_Contribute">
+          Submit missing data to MusicBrainz
+        </a>
+        .
       </p>
       {!isNil(lastUpdated) && (
-        <p>Last updated {new Date(lastUpdated).toLocaleDateString()}</p>
+        <p className="small">
+          Updates every Monday at 2AM (UTC). Last updated{" "}
+          {lastUpdatedHumanReadable}
+        </p>
       )}
       <br />
       <div>