YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: add dayjs to fix datetime format in safari

Browse Source
This commit is contained in:
Steven
2024-05-09 08:52:34 +08:00
parent 1d99dad435
commit deae53c1f1
5 changed files with 3801 additions and 3037 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/MemoView.tsx
View File

@ -22,6 +22,7 @@ import VisibilityIcon from "./VisibilityIcon";
interface Props {
memo: Memo;
displayTimeFormat?: "auto" | "time";
compact?: boolean;
showCreator?: boolean;
showVisibility?: boolean;
@ -70,6 +71,13 @@ const MemoView: React.FC<Props> = (props: Props) => {
}
}, []);
const displayTime =
props.displayTimeFormat === "time" ? (
memo.displayTime?.toLocaleTimeString()
) : (
<relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time>
);
return (
<div
className={clsx(
@ -98,13 +106,13 @@ const MemoView: React.FC<Props> = (props: Props) => {
className="w-auto -mt-0.5 text-xs leading-tight text-gray-400 dark:text-gray-500 select-none"
onClick={handleGotoMemoDetailPage}
>
<relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time>
{displayTime}
</div>
</div>
</div>
) : (
<div className="w-full text-sm leading-tight text-gray-400 dark:text-gray-500 select-none" onClick={handleGotoMemoDetailPage}>
<relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time>
{displayTime}
</div>
)}
</div>