Skip to content

Dashboard: Charts style tweaks, Remove unused chart component #7478

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 30, 2025
Merged

Dashboard: Charts style tweaks, Remove unused chart component #7478

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 3 additions & 5 deletions apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/analytics/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,8 @@ export default async function TeamOverviewPage(props: {
title="Analytics"
/>
</div>
<div className="flex grow flex-col justify-between gap-10 md:container md:max-w-7xl md:pt-8 md:pb-16">

<div className="flex grow flex-col justify-between gap-10 container max-w-7xl pt-8 pb-16">
<div className="flex grow flex-col gap-6">
<Suspense
fallback={<LoadingChartState className="h-[458px] border" />}
Expand All @@ -86,7 +87,7 @@ export default async function TeamOverviewPage(props: {
/>
</Suspense>

<div className="grid gap-6 max-md:px-6 md:grid-cols-2">
<div className="grid gap-6 md:grid-cols-2">
<Suspense
fallback={<LoadingChartState className="h-[431px] border" />}
>
Expand Down Expand Up @@ -242,7 +243,6 @@ async function AsyncTransactionsChartCard(props: {
clientTransactions.value.length > 0 ? (
<TransactionsChartCardUI
aggregatedData={clientTransactions.value}
className="max-md:rounded-none max-md:border-r-0 max-md:border-l-0"
data={clientTransactionsTimeSeries.value}
searchParams={props.searchParams}
/>
Expand Down Expand Up @@ -280,7 +280,6 @@ async function AsyncTotalSponsoredCard(props: {
userOpUsage.value.length > 0 ? (
<TotalSponsoredChartCardUI
aggregatedData={userOpUsage.value}
className="max-md:rounded-none max-md:border-r-0 max-md:border-l-0"
data={userOpUsageTimeSeries.value}
searchParams={props.searchParams}
/>
Expand Down Expand Up @@ -391,7 +390,6 @@ function AppHighlightsCard({
return timeSeriesData.reduce((acc, curr) => acc + curr[key], 0);
}}
chartConfig={chartConfig}
className="max-md:rounded-none max-md:border-r-0 max-md:border-l-0"
data={timeSeriesData}
existingQueryParams={searchParams}
queryKey="appHighlights"
Expand Down
3 changes: 1 addition & 2 deletions ...)/team/[team_slug]/[project_slug]/(sidebar)/components/Transactions/TransactionCharts.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,10 @@ export function TransactionsChartsUI({
<>
<TransactionsChartCardUI
aggregatedData={aggregatedData}
className="max-md:rounded-none max-md:border-r-0 max-md:border-l-0"
data={data}
searchParams={searchParams}
/>
<div className="grid gap-6 max-md:px-6 md:grid-cols-2">
<div className="grid gap-6 md:grid-cols-2">
<ChainDistributionCard data={aggregatedData} />
<ContractDistributionCard client={client} data={aggregatedData} />
</div>
Expand Down
2 changes: 0 additions & 2 deletions apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -455,7 +455,6 @@ function AppHighlightsCard({
return timeSeriesData.reduce((acc, curr) => acc + curr[key], 0);
}}
chartConfig={chartConfig}
className="max-md:rounded-none max-md:border-r-0 max-md:border-l-0"
data={timeSeriesData}
existingQueryParams={searchParams}
queryKey="appHighlights"
Expand Down Expand Up @@ -590,7 +589,6 @@ async function TotalSponsoredCard({
}
aggregateFn={(_data, key) => processedAggregatedData[key]}
chartConfig={chartConfig}
className="max-md:rounded-none max-md:border-r-0 max-md:border-l-0"
data={timeSeriesData}
existingQueryParams={searchParams}
isCurrency
Expand Down
2 changes: 1 addition & 1 deletion apps/dashboard/src/app/(app)/team/components/Analytics/CombinedBarChartCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ export function CombinedBarChartCard<
const key = chart as K;
return (
<Link
className="relative z-30 flex min-w-[200px] flex-1 flex-col justify-center gap-1 border-l first:border-l-0 hover:bg-card"
className="relative z-30 flex min-w-[200px] flex-1 flex-col justify-center gap-1 border-l first:border-l-0 hover:bg-accent/50"
data-active={activeChart === chart}
href={{
query: {
Expand Down
111 changes: 0 additions & 111 deletions apps/dashboard/src/app/(app)/team/components/Analytics/CombinedStatBreakdownCard.stories.tsx
View file
Open in desktop

This file was deleted.

84 changes: 0 additions & 84 deletions apps/dashboard/src/app/(app)/team/components/Analytics/CombinedStatBreakdownCard.tsx
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions apps/dashboard/src/app/(app)/team/components/Analytics/EmptyStateCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ export function EmptyStateCard({
description?: string;
}) {
return (
<Card className="container h-[300px] p-2 md:h-[400px]">
<Card className="container min-h-[300px] p-2 md:min-h-[400px]">
<div className="flex h-full flex-col items-center justify-center gap-2 rounded-md border border-dashed text-center">
<EmptyStateContent
description={description}
Expand Down Expand Up @@ -42,7 +42,7 @@ export function EmptyStateContent(props: {
<PlugIcon className="size-5 text-muted-foreground" />
</div>

<div className="space-y-0.5">
<div className="space-y-0.5 text-center">
<div className="font-semibold text-lg">No data available</div>
{description && (
<div className="text-muted-foreground text-sm">{description}</div>
Expand All @@ -52,7 +52,7 @@ export function EmptyStateContent(props: {
{props.link && (
<Button
asChild
className="mt-2 rounded-full"
className="mt-2 rounded-full text-center"
size="sm"
variant="default"
>
Expand Down
Loading