feat(vod/card): show time if more ui details enabled

Zibbp · Apr 1, 2023 · c5f12a1 · c5f12a1
1 parent 2d8b9de
commit c5f12a1
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/Vod/Card.tsx b/src/components/Vod/Card.tsx
@@ -18,6 +18,7 @@ import {
 import Link from "next/link";
 import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
+import localizedFormat from "dayjs/plugin/localizedFormat";
 import { useEffect, useState } from "react";
 import { IconCircleCheck, IconDotsVertical } from "@tabler/icons";
 import getConfig from "next/config";
@@ -26,6 +27,7 @@ import { ROLES, useJsxAuth } from "../../hooks/useJsxAuth";
 import { VodMenu } from "./Menu";
 import useUserStore, { UserState } from "../../store/user";
 dayjs.extend(duration);
+dayjs.extend(localizedFormat);
 
 const useStyles = createStyles((theme) => ({
   card: {
@@ -258,7 +260,10 @@ export const VodCard = ({ vod, playback }: any) => {
                 ).toLocaleString()}`}
               >
                 <Text className={classes.infoBarText}>
-                  {dayjs(vod.streamed_at).format("YYYY/MM/DD")}
+                  {dayjs(vod.streamed_at).format("YYYY/MM/DD")}{" "}
+                  {user.settings.moreUIDetails && (
+                    <span>{dayjs(vod.streamed_at).format("LT")}</span>
+                  )}
                 </Text>
               </Tooltip>