feat: update copywriting

Author: DIYgod

apps/desktop/layer/renderer/src/modules/power/my-wallet-section/index.tsx

@@ -12,9 +12,7 @@ import { useMutation } from "@tanstack/react-query"
 import { Trans, useTranslation } from "react-i18next"
 
 import { useServerConfigs } from "~/atoms/server-configs"
-import { CopyButton } from "~/components/ui/button/CopyButton"
 import { apiClient } from "~/lib/api-fetch"
-import { getBlockchainExplorerUrl } from "~/lib/utils"
 import { SettingSectionTitle } from "~/modules/settings/section"
 import { ActivityPoints } from "~/modules/wallet/activity-points"
 import { Balance } from "~/modules/wallet/balance"
@@ -60,38 +58,6 @@ export const MyWalletSection = ({ className }: { className?: string }) => {
   }
   return (
     <div className={cn(className)}>
-      <div className="text-sm">
-        <i className="i-mgc-power text-accent mr-0.5 size-3.5 translate-y-px align-text-top" />
-        <Trans
-          i18nKey="wallet.power.description2"
-          ns="settings"
-          values={{ blockchainName: "VSL" }}
-          components={{
-            Link: (
-              <a
-                className="underline"
-                target="_blank"
-                href={`${getBlockchainExplorerUrl()}/token/0xE06Af68F0c9e819513a6CD083EF6848E76C28CD8`}
-                rel="noreferrer noopener"
-              />
-            ),
-          }}
-        />
-      </div>
-      <SettingSectionTitle margin="compact" title={t("wallet.address.title")} />
-      <div className="group flex items-center gap-2 text-sm">
-        <a
-          href={`${getBlockchainExplorerUrl()}/address/${myWallet.address}`}
-          target="_blank"
-          className="underline"
-        >
-          {myWallet.address}
-        </a>
-        <CopyButton
-          value={myWallet.address!}
-          className="p-1 opacity-0 duration-200 group-hover:opacity-100 [&_i]:size-2.5"
-        />
-      </div>
       <SettingSectionTitle title={t("wallet.balance.title")} margin="compact" />
       <div className="mb-2 flex items-center justify-between">
         <div>

apps/desktop/layer/renderer/src/modules/power/ranking/index.tsx

@@ -4,7 +4,6 @@ import { TransactionTypes } from "@follow/models/types"
 import { useState } from "react"
 import { useTranslation } from "react-i18next"
 
-import { useServerConfigs } from "~/atoms/server-configs"
 import { useWhoami } from "~/atoms/user"
 import { getBlockchainExplorerUrl } from "~/lib/utils"
 import { SettingSectionTitle } from "~/modules/settings/section"
@@ -27,18 +26,11 @@ export const TransactionsSection: Component = ({ className }) => {
     type: type === "all" ? undefined : (type as (typeof TransactionTypes)[number]),
   })
 
-  const serverConfigs = useServerConfigs()
-
   if (!myWallet) return null
 
   return (
     <div className="relative flex min-w-0 grow flex-col">
       <SettingSectionTitle title={t("wallet.transactions.title")} />
-      <p className="mb-4 text-sm">
-        {t("wallet.transactions.description", {
-          percentage: Number.parseInt(serverConfigs?.TAX_POINT || "0") / 100,
-        })}
-      </p>
       <Tabs value={type} onValueChange={(val) => setType(val)}>
         <TabsList className="relative border-b-transparent">
           {tabs.map((tab) => (

apps/desktop/layer/renderer/src/modules/power/transaction-section/index.tsx

@@ -28,16 +28,12 @@ import { useAchievementModal } from "~/modules/achievement/hooks"
 import { usePresentUserProfileModal } from "~/modules/profile/hooks"
 import { useSettingModal } from "~/modules/settings/modal/use-setting-modal-hack"
 import { signOut, useSession } from "~/queries/auth"
-import { useWallet } from "~/queries/wallet"
 
 import { useActivationModal } from "../activation"
 import { COMMAND_ID } from "../command/commands/id"
 import { useCommandShortcuts } from "../command/hooks/use-command-binding"
-import { ActivityPoints } from "../wallet/activity-points"
-import { Level } from "../wallet/level"
 import type { LoginProps } from "./LoginButton"
 import { LoginButton } from "./LoginButton"
-import { PowerButton } from "./ProfileButton.shared"
 import { UserAvatar } from "./UserAvatar"
 
 const rsshubLogo = new URL(rsshubLogoUrl, import.meta.url).href
@@ -59,9 +55,6 @@ export const ProfileButton: FC<ProfileButtonProps> = memo((props) => {
   const navigate = useNavigate()
 
   const role = useUserRole()
-  const wallet = useWallet()
-  const { isLoading: isLoadingWallet } = wallet
-  const myWallet = wallet.data?.[0]
   const presentActivationModal = useActivationModal()
   const zenModeSetting = useIsZenMode()
   const setZenMode = useSetZenMode()
@@ -106,25 +99,6 @@ export const ProfileButton: FC<ProfileButtonProps> = memo((props) => {
           </div>
         </DropdownMenuLabel>
 
-        {!isInMASReview && (
-          <DropdownMenuItem
-            highlightColor="gray"
-            onClick={() => {
-              navigate("/power")
-            }}
-          >
-            <div className="flex w-full items-center justify-between gap-6 px-1.5 font-semibold">
-              <PowerButton isLoading={isLoadingWallet} myWallet={myWallet} />
-              <Level level={myWallet?.level?.level || 0} isLoading={isLoadingWallet} />
-              <ActivityPoints
-                className="text-sm"
-                points={myWallet?.level?.prevActivityPoints || 0}
-                isLoading={isLoadingWallet}
-              />
-            </div>
-          </DropdownMenuItem>
-        )}
-
         <DropdownMenuSeparator />
 
         <DropdownMenuItem
@@ -151,6 +125,18 @@ export const ProfileButton: FC<ProfileButtonProps> = memo((props) => {
           {t("user_button.achievement")}
         </DropdownMenuItem>
 
+        {!isInMASReview && (
+          <DropdownMenuItem
+            className="pl-3"
+            onClick={() => {
+              navigate("/power")
+            }}
+            icon={<i className="i-mgc-power-outline" />}
+          >
+            {t("user_button.power")}
+          </DropdownMenuItem>
+        )}
+
         <DropdownMenuSeparator />
 
         {!zenModeSetting && (

apps/desktop/layer/renderer/src/modules/user/ProfileButton.electron.tsx

@@ -11,16 +11,12 @@ import rsshubLogoUrl from "~/assets/rsshub-icon.png?url"
 import { useUserRole, useWhoami } from "~/atoms/user"
 import { UrlBuilder } from "~/lib/url-builder"
 import { signOut } from "~/queries/auth"
-import { useWallet } from "~/queries/wallet"
 
 import { useAchievementModal } from "../achievement/hooks"
 import { useActivationModal } from "../activation"
 import { usePresentUserProfileModal } from "../profile/hooks"
 import { useSettingModal } from "../settings/modal/use-setting-modal-hack"
-import { ActivityPoints } from "../wallet/activity-points"
-import { Level } from "../wallet/level"
 import type { ProfileButtonProps } from "./ProfileButton.electron"
-import { PowerButton } from "./ProfileButton.shared"
 import { UserAvatar } from "./UserAvatar"
 
 export const ProfileButton: FC<ProfileButtonProps> = () => {
@@ -31,9 +27,6 @@ export const ProfileButton: FC<ProfileButtonProps> = () => {
   const { t } = useTranslation()
 
   const role = useUserRole()
-  const wallet = useWallet()
-  const { isLoading: isLoadingWallet } = wallet
-  const myWallet = wallet.data?.[0]
   const presentActivationModal = useActivationModal()
   const settingModalPresent = useSettingModal()
   return (
@@ -57,19 +50,6 @@ export const ProfileButton: FC<ProfileButtonProps> = () => {
             </div>
           </div>
 
-          <Link
-            to="/power"
-            className="mx-auto flex w-[300px] items-center justify-between font-semibold"
-          >
-            <PowerButton isLoading={isLoadingWallet} myWallet={myWallet} />
-            <Level level={myWallet?.level?.level || 0} isLoading={isLoadingWallet} />
-            <ActivityPoints
-              className="text-sm"
-              points={myWallet?.level?.prevActivityPoints || 0}
-              isLoading={isLoadingWallet}
-            />
-          </Link>
-
           <Divider className="!bg-border h-px" />
 
           <div className="mx-auto w-full max-w-[350px]">

apps/desktop/layer/renderer/src/modules/user/ProfileButton.mobile.tsx

@@ -4,7 +4,6 @@ import { useTranslation } from "react-i18next"
 
 import { useSubViewTitle } from "~/modules/app-layout/subview/hooks"
 import { MyWalletSection } from "~/modules/power/my-wallet-section"
-import { PowerRanking } from "~/modules/power/ranking"
 import { TransactionsSection } from "~/modules/power/transaction-section"
 
 export function Component() {
@@ -25,9 +24,6 @@ export function Component() {
       </div>
       <MyWalletSection />
 
-      <Divider className="my-8" />
-      <PowerRanking />
-
       <Divider className="my-8" />
       <AutoResizeHeight>
         <TransactionsSection />