From 9c4f72c96ee1a4263b6e3b5f13d4079454e3574a Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Tue, 7 Nov 2023 07:06:38 +0800
Subject: [PATCH] chore: update tooltips

---
 web/src/components/Inbox/VersionUpdateMessage.tsx | 2 +-
 web/src/components/Memo.tsx                       | 2 +-
 web/src/components/MemoList.tsx                   | 2 +-
 web/src/store/v1/resourceName.ts                  | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/components/Inbox/VersionUpdateMessage.tsx b/web/src/components/Inbox/VersionUpdateMessage.tsx
index 42ceb0bd..dcf0a41d 100644
--- a/web/src/components/Inbox/VersionUpdateMessage.tsx
+++ b/web/src/components/Inbox/VersionUpdateMessage.tsx
@@ -65,7 +65,7 @@ const VersionUpdateMessage = ({ inbox }: Props) => {
             : "border-gray-400 text-gray-400 bg-gray-50 dark:bg-zinc-800"
         )}
       >
-        <Tooltip title={"Comment"} placement="bottom">
+        <Tooltip title={"Update"} placement="bottom">
           <Icon.ArrowUp className="w-4 sm:w-5 h-auto" />
         </Tooltip>
       </div>
diff --git a/web/src/components/Memo.tsx b/web/src/components/Memo.tsx
index 50660289..5bebd086 100644
--- a/web/src/components/Memo.tsx
+++ b/web/src/components/Memo.tsx
@@ -42,7 +42,7 @@ const Memo: React.FC<Props> = (props: Props) => {
   const [shouldRender, setShouldRender] = useState<boolean>(lazyRendering ? false : true);
   const [displayTime, setDisplayTime] = useState<string>(getRelativeTimeString(memo.displayTs));
   const memoContainerRef = useRef<HTMLDivElement>(null);
-  const readonly = memo.creatorUsername !== extractUsernameFromName(user?.name || "");
+  const readonly = memo.creatorUsername !== extractUsernameFromName(user?.name);
   const [creator, setCreator] = useState(userV1Store.getUserByUsername(memo.creatorUsername));
   const referenceRelations = memo.relationList.filter((relation) => relation.type === "REFERENCE");
   const commentRelations = memo.relationList.filter((relation) => relation.relatedMemoId === memo.id && relation.type === "COMMENT");
diff --git a/web/src/components/MemoList.tsx b/web/src/components/MemoList.tsx
index f898d7a4..6ebdb31d 100644
--- a/web/src/components/MemoList.tsx
+++ b/web/src/components/MemoList.tsx
@@ -22,7 +22,7 @@ const MemoList: React.FC = () => {
   const user = useCurrentUser();
   const { tag: tagQuery, duration, text: textQuery, visibility } = filter;
   const showMemoFilter = Boolean(tagQuery || (duration && duration.from < duration.to) || textQuery || visibility);
-  const username = params.username || extractUsernameFromName(user.name || "");
+  const username = params.username || extractUsernameFromName(user.name);
 
   const fetchMoreRef = useRef<HTMLSpanElement>(null);
 
diff --git a/web/src/store/v1/resourceName.ts b/web/src/store/v1/resourceName.ts
index 7fc71ce2..eb0ab985 100644
--- a/web/src/store/v1/resourceName.ts
+++ b/web/src/store/v1/resourceName.ts
@@ -1,5 +1,5 @@
 export const UserNamePrefix = "users/";
 
-export const extractUsernameFromName = (name: string) => {
-  return name.split("/")[1];
+export const extractUsernameFromName = (name: string = "") => {
+  return name.slice(UserNamePrefix.length);
 };