diff --git a/apps/renderer/src/modules/power/transaction-section/index.tsx b/apps/renderer/src/modules/power/transaction-section/index.tsx index ea3cd63d27..d25ad9f0f3 100644 --- a/apps/renderer/src/modules/power/transaction-section/index.tsx +++ b/apps/renderer/src/modules/power/transaction-section/index.tsx @@ -1,6 +1,7 @@ import { useState } from "react" import { useTranslation } from "react-i18next" +import { useServerConfigs } from "~/atoms/server-configs" import { useWhoami } from "~/atoms/user" import { Logo } from "~/components/icons/logo" import { Avatar, AvatarFallback, AvatarImage } from "~/components/ui/avatar" @@ -40,11 +41,18 @@ export const TransactionsSection: Component = ({ className }) => { type: type === "all" ? undefined : type, }) + const serverConfigs = useServerConfigs() + if (!myWallet) return null return (
+

+ {t("wallet.transactions.description", { + percentage: Number.parseInt(serverConfigs?.TAX_POINT || "0") / 100, + })} +

setType(val)}> {tabs.map((tab) => ( @@ -93,7 +101,11 @@ export const TransactionsSection: Component = ({ className }) => { - + {row.hash.slice(0, 10)}... @@ -107,8 +119,17 @@ export const TransactionsSection: Component = ({ className }) => {
+ {!!transactions.data?.length && ( + + {t("wallet.transactions.more")} + + )} {!transactions.data?.length && ( -
+
{t("wallet.transactions.noTransactions")}
)} diff --git a/locales/settings/en.json b/locales/settings/en.json index c7e53cb205..f916c08311 100644 --- a/locales/settings/en.json +++ b/locales/settings/en.json @@ -251,7 +251,9 @@ "wallet.sidebar_title": "Power", "wallet.transactions.amount": "Amount", "wallet.transactions.date": "Date", + "wallet.transactions.description": "Certain transactions incur a {{percentage}}% platform fee to support Follow go further. For details, please refer to the blockchain transaction.", "wallet.transactions.from": "From", + "wallet.transactions.more": "View more through the blockchain explorer.", "wallet.transactions.noTransactions": "No transactions", "wallet.transactions.title": "Transactions", "wallet.transactions.to": "To",