diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/analytics/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/analytics/page.tsx index 14efbfe0b93..a95f89bd39d 100644 --- a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/analytics/page.tsx +++ b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/analytics/page.tsx @@ -168,7 +168,7 @@ async function AsyncAppHighlightsCard(props: { return ( ); } @@ -189,7 +189,7 @@ async function AsyncWalletDistributionCard(props: { ) : ( ); } @@ -210,7 +210,7 @@ async function AsyncAuthMethodDistributionCard(props: { ) : ( ); } @@ -249,7 +249,7 @@ async function AsyncTransactionsChartCard(props: { ) : ( ); } @@ -287,7 +287,7 @@ async function AsyncTotalSponsoredCard(props: { ) : ( ); } diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/EngineCloudChartCard/EngineCloudBarChartCardUI.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/EngineCloudChartCard/EngineCloudBarChartCardUI.tsx index c90b53be925..1d8d70ffc04 100644 --- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/EngineCloudChartCard/EngineCloudBarChartCardUI.tsx +++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/EngineCloudChartCard/EngineCloudBarChartCardUI.tsx @@ -66,7 +66,12 @@ export function EngineCloudBarChartCardUI({ }, [rawData]); if (data.length === 0 || isAllEmpty) { - return ; + return ( + + ); } return ( diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/RpcMethodBarChartCard/RpcMethodBarChartCardUI.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/RpcMethodBarChartCard/RpcMethodBarChartCardUI.tsx index 7de76c16f96..1b51463aaa4 100644 --- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/RpcMethodBarChartCard/RpcMethodBarChartCardUI.tsx +++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/RpcMethodBarChartCard/RpcMethodBarChartCardUI.tsx @@ -104,7 +104,7 @@ export function RpcMethodBarChartCardUI({ }, [rawData]); if (data.length === 0 || isAllEmpty) { - return ; + return ; } return ( diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/page.tsx index 8b657f9c2a5..08ceb7a7094 100644 --- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/page.tsx +++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/page.tsx @@ -291,7 +291,7 @@ export async function AsyncTotalSponsoredCard(props: { ) : ( ); } @@ -313,7 +313,7 @@ async function AsyncAuthMethodDistributionCard(props: { ) : ( ); } @@ -374,7 +374,7 @@ async function AsyncAppHighlightsCard(props: { return ( ); } @@ -396,7 +396,7 @@ async function AsyncWalletDistributionCard(props: { ) : ( ); } diff --git a/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.stories.tsx b/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.stories.tsx index d7b0fc92c45..dc67f4b860b 100644 --- a/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.stories.tsx +++ b/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.stories.tsx @@ -21,15 +21,16 @@ export const Variants: Story = { function Component() { return (
- - + + - + + + + +
); diff --git a/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.tsx b/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.tsx index 1bf01b4cc1d..168dbd7206b 100644 --- a/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.tsx +++ b/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.tsx @@ -8,13 +8,13 @@ export function EmptyStateCard({ link, description, }: { - metric: string; + metric?: string; link?: string; description?: string; }) { return ( -
+
-
- +
+
-
No data available
-
- {description ?? `Your app may not be configured to use ${metric}.`} + +
+
No data available
+ {description && ( +
{description}
+ )}
- {link && ( - )}