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

fix: show future relative dates (#3946)

Browse Source 
Show future relative dates
This commit is contained in:
RoccoSmit
2024-09-23 00:24:46 +10:00
committed by GitHub
parent 0711ac4ecb
commit 6cbe957db2
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/MemoContent/EmbeddedContent/EmbeddedMemo.tsx
View File

@ -69,7 +69,7 @@ const EmbeddedMemo = ({ resourceId: uid, params: paramsStr }: Props) => {
<div className="relative flex flex-col justify-start items-start w-full px-3 py-2 bg-zinc-50 dark:bg-zinc-900 rounded-lg border border-gray-200 dark:border-zinc-700 hover:shadow"> <div className="relative flex flex-col justify-start items-start w-full px-3 py-2 bg-zinc-50 dark:bg-zinc-900 rounded-lg border border-gray-200 dark:border-zinc-700 hover:shadow">
<div className="w-full mb-1 flex flex-row justify-between items-center text-gray-400 dark:text-gray-500"> <div className="w-full mb-1 flex flex-row justify-between items-center text-gray-400 dark:text-gray-500">
<div className="text-sm leading-5 select-none"> <div className="text-sm leading-5 select-none">
<relative-time datetime={memo.displayTime?.toISOString()} format="datetime" tense="past"></relative-time> <relative-time datetime={memo.displayTime?.toISOString()} format="datetime"></relative-time>
</div> </div>
<div className="flex justify-end items-center gap-1"> <div className="flex justify-end items-center gap-1">
<span className="text-xs opacity-60 leading-5 cursor-pointer hover:opacity-80" onClick={() => copyMemoUid(memo.uid)}> <span className="text-xs opacity-60 leading-5 cursor-pointer hover:opacity-80" onClick={() => copyMemoUid(memo.uid)}>

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

@ -95,7 +95,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
props.displayTimeFormat === "time" ? ( props.displayTimeFormat === "time" ? (
memo.displayTime?.toLocaleTimeString() memo.displayTime?.toLocaleTimeString()
) : ( ) : (
<relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time> <relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat}></relative-time>
); );
return ( return (

2
web/src/pages/Archived.tsx
View File

@ -91,7 +91,7 @@ const Archived = () => {
<div className="w-full mb-1 flex flex-row justify-between items-center"> <div className="w-full mb-1 flex flex-row justify-between items-center">
<div className="w-full max-w-[calc(100%-20px)] flex flex-row justify-start items-center mr-1"> <div className="w-full max-w-[calc(100%-20px)] flex flex-row justify-start items-center mr-1">
<div className="text-sm leading-6 text-gray-400 select-none"> <div className="text-sm leading-6 text-gray-400 select-none">
<relative-time datetime={memo.displayTime?.toISOString()} tense="past"></relative-time> <relative-time datetime={memo.displayTime?.toISOString()}></relative-time>
</div> </div>
</div> </div>
<div className="flex flex-row justify-end items-center gap-x-2"> <div className="flex flex-row justify-end items-center gap-x-2">