feat: show edit when self (#412)

RSSNext · Sep 14, 2024 · 22b94a5 · 22b94a5
1 parent 0b0304e
commit 22b94a5
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/renderer/src/pages/(external)/(with-layout)/profile/[id]/index.tsx b/src/renderer/src/pages/(external)/(with-layout)/profile/[id]/index.tsx
@@ -1,10 +1,11 @@
+import { useWhoami } from "@renderer/atoms/user"
 import { PoweredByFooter } from "@renderer/components/common/PoweredByFooter"
 import { FeedIcon } from "@renderer/components/feed-icon"
 import { FollowIcon } from "@renderer/components/icons/follow"
 import { Avatar, AvatarFallback, AvatarImage } from "@renderer/components/ui/avatar"
 import { Button } from "@renderer/components/ui/button"
 import { LoadingCircle } from "@renderer/components/ui/loading"
-import { useAuthQuery, useTitle } from "@renderer/hooks/common"
+import { useAuthQuery, useI18n, useTitle } from "@renderer/hooks/common"
 import { apiClient } from "@renderer/lib/api-fetch"
 import { defineQuery } from "@renderer/lib/defineQuery"
 import { stopPropagation } from "@renderer/lib/dom"
@@ -14,6 +15,7 @@ import { DEEPLINK_SCHEME } from "@shared/constants"
 import { useParams } from "react-router-dom"
 
 export function Component() {
+  const t = useI18n()
   const { id } = useParams()
 
   const user = useAuthQuery(
@@ -30,6 +32,8 @@ export function Component() {
 
   const subscriptions = useUserSubscriptionsQuery(user.data?.id)
   useTitle(user.data?.name)
+  const me = useWhoami()
+  const isMe = user.data?.id === me?.id
 
   return user.isLoading ? (
     <LoadingCircle size="large" className="center h-48 w-full max-w-full" />
@@ -81,8 +85,14 @@ export function Component() {
                         onClick={stopPropagation}
                       >
                         <Button>
-                          <FollowIcon className="mr-1 size-3" />
-                          {APP_NAME}
+                          {isMe ? (
+                            t.common("words.edit")
+                          ) : (
+                            <>
+                              <FollowIcon className="mr-1 size-3" />
+                              {APP_NAME}
+                            </>
+                          )}
                         </Button>
                       </a>
                     </a>