Show release dates in profile

YARC-Official · Aug 25, 2024 · 2a5763a · 2a5763a
1 parent ed688b0
commit 2a5763a
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git a/src/routes/AppProfile/index.tsx b/src/routes/AppProfile/index.tsx
@@ -8,7 +8,7 @@ import Box from "@app/components/Box";
 import { ApplicationMetadata, SetlistMetadata } from "@app/profiles/types";
 import Button, { ButtonColor } from "@app/components/Button";
 import MoreDropdown from "./MoreDropdown";
-import { distanceFromToday, millisToDisplayLength } from "@app/utils/timeFormat";
+import { distanceFromToday, localizeDate, millisToDisplayLength } from "@app/utils/timeFormat";
 import ProfileIcon from "@app/components/ProfileIcon";
 import NewsSection from "@app/components/NewsSection";
 import { askOpenUrl } from "@app/utils/safeUrl";
@@ -128,6 +128,25 @@ function AppProfile() {
                     </header>
                     {metadata.description}
                 </Box>
+                <Box>
+                    <header>
+                        <TimeIcon width={14} height={14} />
+                        Release Dates
+                    </header>
+                    <div>
+                        First released: {localizeDate(metadata.initialRelease)}
+                    </div>
+                    {activeProfile.profile.version.type === "list" &&
+                        <div>
+                            {activeProfile.version.tag} released: {localizeDate(activeProfile.version.release)}
+                        </div>
+                    }
+                    {activeProfile.profile.version.type !== "list" &&
+                        <div>
+                            Last updated: {localizeDate(activeProfile.version.release)}
+                        </div>
+                    }
+                </Box>
                 {profile.type === "setlist" &&
                     <Box>
                         <header>

diff --git a/src/utils/timeFormat.ts b/src/utils/timeFormat.ts
@@ -28,3 +28,11 @@ export const isConsideredNewRelease = (releaseDate: string, newestInSetlist: str
 export const distanceFromToday = (initial: string) => {
     return intlFormatDistance(new Date(initial), new Date());
 };
+
+export const localizeDate = (date: string) => {
+    return new Date(date).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+    });
+};