diff --git a/.changeset/common-onions-cry.md b/.changeset/common-onions-cry.md new file mode 100644 index 000000000..e740cf6ec --- /dev/null +++ b/.changeset/common-onions-cry.md @@ -0,0 +1,5 @@ +--- +"@stakekit/widget": patch +--- + +feat: dashboard connect wallet info diff --git a/packages/widget/src/pages-dashboard/overview/positions/positions.page.tsx b/packages/widget/src/pages-dashboard/overview/positions/positions.page.tsx index 885ed0ef5..e80775424 100644 --- a/packages/widget/src/pages-dashboard/overview/positions/positions.page.tsx +++ b/packages/widget/src/pages-dashboard/overview/positions/positions.page.tsx @@ -20,12 +20,28 @@ export const PositionsPage = () => { const { isConnected, isConnecting } = useSKWallet(); + const { t } = useTranslation(); + const content = useMemo(() => { if (positionsData.isLoading && positionsData.isFetching && isConnected) { return ; } if (!isConnected && !isConnecting) { - return ; + return ( + + + {t("dashboard.details.positions_connect_wallet")} + + + ); } if (positionsData.isError && !positionsData.data.length) { return ; @@ -39,10 +55,9 @@ export const PositionsPage = () => { positionsData.isError, positionsData.isFetching, positionsData.isLoading, + t, ]); - const { t } = useTranslation(); - return ( {content} diff --git a/packages/widget/src/pages-dashboard/overview/positions/styles.css.ts b/packages/widget/src/pages-dashboard/overview/positions/styles.css.ts index a6dd6813c..32e0185e8 100644 --- a/packages/widget/src/pages-dashboard/overview/positions/styles.css.ts +++ b/packages/widget/src/pages-dashboard/overview/positions/styles.css.ts @@ -47,6 +47,7 @@ export const viaText = style({ export const container = style({ minHeight: "300px", + height: "100%", }); export const headerContainer = style({ diff --git a/packages/widget/src/pages/details/activity-page/hooks/use-activity-page.tsx b/packages/widget/src/pages/details/activity-page/hooks/use-activity-page.tsx index 8137451e8..3b97bca07 100644 --- a/packages/widget/src/pages/details/activity-page/hooks/use-activity-page.tsx +++ b/packages/widget/src/pages/details/activity-page/hooks/use-activity-page.tsx @@ -1,6 +1,8 @@ import { useMemo } from "react"; +import { useTranslation } from "react-i18next"; import { Box } from "../../../../components/atoms/box"; import { ContentLoaderSquare } from "../../../../components/atoms/content-loader"; +import { Text } from "../../../../components/atoms/typography/text"; import { useTrackPage } from "../../../../hooks/tracking/use-track-page"; import { useSKWallet } from "../../../../providers/sk-wallet"; import { FallbackContent } from "../../positions-page/components/fallback-content"; @@ -16,9 +18,25 @@ export const useActivityPage = () => { const allData = activityActions.allItems; + const { t } = useTranslation(); + const content = useMemo(() => { if (!isConnected && !isConnecting) { - return ; + return ( + + + {t("dashboard.details.activity_connect_wallet")} + + + ); } if (isConnected && !allData?.length && !activityActions.isPending) { @@ -50,6 +68,7 @@ export const useActivityPage = () => { allData, activityActions.isPending, activityActions.isFetchingNextPage, + t, ]); return { diff --git a/packages/widget/src/translation/English/translations.json b/packages/widget/src/translation/English/translations.json index beeb832d8..088be0dbc 100644 --- a/packages/widget/src/translation/English/translations.json +++ b/packages/widget/src/translation/English/translations.json @@ -157,7 +157,9 @@ "positions_yield": "Yield", "positions_reward_rate": "Reward Rate", "positions_amount": "Amount", - "positions_rewards": "Rewards" + "positions_rewards": "Rewards", + "positions_connect_wallet": "Connect wallet to see your positions", + "activity_connect_wallet": "Connect wallet to see your activity" }, "position_details_info": { "balances": "Balances"