chore: tweak words

web/src/components/ExploreSidebar/UsersSection.tsx

@@ -22,11 +22,9 @@ const UsersSection = () => {
   return (
     users.length > 0 && (
       <div className="w-full mt-2 flex flex-col p-2 bg-gray-50 dark:bg-black rounded-lg">
-        <div className="w-full flex flex-row justify-between items-center">
-          <span className="text-gray-400 font-medium text-sm pl-1">Users</span>
-          <IconButton size="sm" onClick={fetchRecommendUsers}>
-            <Icon.RefreshCcw className="text-gray-400 w-4 h-auto" />
-          </IconButton>
+        <div className="w-full mb-1 flex flex-row justify-between items-center px-1">
+          <span className="text-gray-400 font-medium text-sm select-none">Users</span>
+          <Icon.RefreshCcw onClick={fetchRecommendUsers} className="text-gray-400 w-4 h-auto cursor-pointer hover:opacity-80" />
         </div>
         {users.map((user) => (
           <div
@@ -34,12 +32,8 @@ const UsersSection = () => {
             className="w-full flex flex-row justify-start items-center px-2 py-1.5 hover:bg-gray-100 dark:hover:bg-zinc-900 rounded-lg"
           >
             <Link className="w-full flex flex-row items-center" to={`/u/${encodeURIComponent(user.username)}`} unstable_viewTransition>
-              <UserAvatar className="mr-2 shrink-0" avatarUrl={user.avatarUrl} />
-              <div className="w-full flex flex-col justify-center items-start">
-                <span className="text-gray-600 leading-tight max-w-[80%] truncate dark:text-gray-400">
-                  {user.nickname || user.username}
-                </span>
-              </div>
+              <UserAvatar className="!w-6 !h-6 !rounded-lg mr-2 shrink-0" avatarUrl={user.avatarUrl} />
+              <span className="text-gray-600 truncate dark:text-gray-400">{user.nickname || user.username}</span>
             </Link>
           </div>
         ))}

web/src/components/PersonalStatistics.tsx

@@ -43,21 +43,21 @@ const PersonalStatistics = (props: Props) => {
       <div className="w-full flex justify-between items-center">
         <div className="w-full flex justify-start items-center">
           <Icon.CalendarDays className="w-4 h-auto mr-1" />
-          <span className="block text-base sm:text-sm">{t("common.days")}</span>
+          <span className="block text-base sm:text-sm">Days</span>
         </div>
         <span className="font-mono">{days}</span>
       </div>
       <div className="w-full flex justify-between items-center">
         <div className="w-full flex justify-start items-center">
           <Icon.Library className="w-4 h-auto mr-1" />
-          <span className="block text-base sm:text-sm">{t("common.memos")}</span>
+          <span className="block text-base sm:text-sm">Memos</span>
         </div>
         {isRequesting ? <Icon.Loader className="animate-spin w-4 h-auto text-gray-400" /> : <span className="font-mono">{memoAmount}</span>}
       </div>
       <div className="w-full flex justify-between items-center">
         <div className="w-full flex justify-start items-center">
           <Icon.Hash className="w-4 h-auto mr-1" />
-          <span className="block text-base sm:text-sm">{t("common.tags")}</span>
+          <span className="block text-base sm:text-sm">Tags</span>
         </div>
         <span className="font-mono">{tags}</span>
       </div>

web/src/components/RenameTagDialog.tsx

@@ -75,12 +75,13 @@ const RenameTagDialog: React.FC<Props> = (props: Props) => {
               onChange={handleTagNameInputChange}
             />
           </div>
-          <List className="!leading-5" size="sm" marker="disc">
-            <ListItem>All your memos with this tag will be updated.</ListItem>
-            <ListItem>If the number of related memos is large, it will take longer and the server load will become higher.</ListItem>
+          <List size="sm" marker="disc">
+            <ListItem>
+              <p className="leading-5">All your memos with this tag will be updated.</p>
+            </ListItem>
           </List>
         </div>
-        <div className="w-full flex flex-row justify-end items-center mt-2 space-x-2">
+        <div className="w-full flex flex-row justify-end items-center space-x-2">
           <Button color="neutral" variant="plain" disabled={requestState.isLoading} loading={requestState.isLoading} onClick={destroy}>
             {t("common.cancel")}
           </Button>

web/src/locales/en.json

@@ -62,9 +62,7 @@
     "search": "Search",
     "role": "Role",
     "description": "Description",
-    "statistics": "Statistics",
-    "days": "Days",
-    "memos": "Memos"
+    "statistics": "Statistics"
   },
   "router": {
     "go-to-home": "Go to Home",