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"