Merge pull request #511 from bandada-infra/ref/date-format

Update the way dates are displayed
bandada-infra · May 22, 2024 · e2c80a9 · e2c80a9
2 parents 94e3d94 + 77b5890
commit e2c80a9
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/apps/docs/src/components/RenderArticles/index.tsx b/apps/docs/src/components/RenderArticles/index.tsx
@@ -19,7 +19,18 @@ export default function RenderArticles(): JSX.Element {
                         >
                             {article.title}
                         </a>{" "}
-                        - {article.authors.join(", ")} (<i>{article.date}</i>)
+                        - {article.authors.join(", ")} (
+                        <i>
+                            {new Date(article.date).toLocaleDateString(
+                                "en-US",
+                                {
+                                    year: "numeric",
+                                    month: "short",
+                                    day: "numeric"
+                                }
+                            )}
+                        </i>
+                        )
                     </div>
                 ))}
         </div>

diff --git a/apps/docs/src/components/RenderVideos/index.tsx b/apps/docs/src/components/RenderVideos/index.tsx
@@ -19,7 +19,16 @@ export default function RenderVideos(): JSX.Element {
                         >
                             {video.title}
                         </a>{" "}
-                        - {video.speakers.join(", ")} (<i>{video.date}</i>)
+                        - {video.speakers.join(", ")} at{" "}
+                        <u>{video.eventName}</u> (
+                        <i>
+                            {new Date(video.date).toLocaleDateString("en-US", {
+                                year: "numeric",
+                                month: "short",
+                                day: "numeric"
+                            })}
+                        </i>
+                        )
                     </div>
                 ))}
         </div>