From 6cbe957db2d17863543794399cd3c324f0aaaa33 Mon Sep 17 00:00:00 2001
From: RoccoSmit <me@roccosmit.com>
Date: Mon, 23 Sep 2024 00:24:46 +1000
Subject: [PATCH] fix: show future relative dates (#3946)

Show future relative dates
---
 web/src/components/MemoContent/EmbeddedContent/EmbeddedMemo.tsx | 2 +-
 web/src/components/MemoView.tsx                                 | 2 +-
 web/src/pages/Archived.tsx                                      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/MemoContent/EmbeddedContent/EmbeddedMemo.tsx b/web/src/components/MemoContent/EmbeddedContent/EmbeddedMemo.tsx
index 2be82972b..50e9b1d23 100644
--- a/web/src/components/MemoContent/EmbeddedContent/EmbeddedMemo.tsx
+++ b/web/src/components/MemoContent/EmbeddedContent/EmbeddedMemo.tsx
@@ -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="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">
-          <relative-time datetime={memo.displayTime?.toISOString()} format="datetime" tense="past"></relative-time>
+          <relative-time datetime={memo.displayTime?.toISOString()} format="datetime"></relative-time>
         </div>
         <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)}>
diff --git a/web/src/components/MemoView.tsx b/web/src/components/MemoView.tsx
index 63949735d..6c5b5f532 100644
--- a/web/src/components/MemoView.tsx
+++ b/web/src/components/MemoView.tsx
@@ -95,7 +95,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
     props.displayTimeFormat === "time" ? (
       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 (
diff --git a/web/src/pages/Archived.tsx b/web/src/pages/Archived.tsx
index db601bd18..4424f6870 100644
--- a/web/src/pages/Archived.tsx
+++ b/web/src/pages/Archived.tsx
@@ -91,7 +91,7 @@ const Archived = () => {
                 <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="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 className="flex flex-row justify-end items-center gap-x-2">