zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feature(dashboard): customize event columns

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2025-05-09 20:59:24 +02:00
parent 584a6d21f1
commit dd39ff70a9
10 changed files with 408 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/events/conversions.tsx
View File

@@ -1,7 +1,10 @@
'use client';
import { TableButtons } from '@/components/data-table';
import { EventsTable } from '@/components/events/table';
import { EventsTableColumns } from '@/components/events/table/events-table-columns';
import { api } from '@/trpc/client';
import { Loader2Icon } from 'lucide-react';
type Props = {
projectId: string;
@@ -19,7 +22,22 @@ const Conversions = ({ projectId }: Props) => {
},
);
return <EventsTable query={query} />;
return (
<div>
<TableButtons>
<EventsTableColumns />
{query.isRefetching && (
<div className="center-center size-8 rounded border bg-background">
<Loader2Icon
size={12}
className="size-4 shrink-0 animate-spin text-black text-highlight"
/>
</div>
)}
</TableButtons>
<EventsTable query={query} />
</div>
);
};
export default Conversions;

2
apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/events/events.tsx
View File

@@ -3,6 +3,7 @@
import { TableButtons } from '@/components/data-table';
import EventListener from '@/components/events/event-listener';
import { EventsTable } from '@/components/events/table';
import { EventsTableColumns } from '@/components/events/table/events-table-columns';
import { OverviewFiltersButtons } from '@/components/overview/filters/overview-filters-buttons';
import { OverviewFiltersDrawer } from '@/components/overview/filters/overview-filters-drawer';
import { Button } from '@/components/ui/button';
@@ -74,6 +75,7 @@ const Events = ({ projectId, profileId }: Props) => {
enableEventsFilter
/>
<OverviewFiltersButtons className="justify-end p-0" />
<EventsTableColumns />
{query.isRefetching && (
<div className="center-center size-8 rounded border bg-background">
<Loader2Icon

2
apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/profiles/[profileId]/profile-events.tsx
View File

@@ -2,6 +2,7 @@
import { TableButtons } from '@/components/data-table';
import { EventsTable } from '@/components/events/table';
import { EventsTableColumns } from '@/components/events/table/events-table-columns';
import { OverviewFiltersButtons } from '@/components/overview/filters/overview-filters-buttons';
import { OverviewFiltersDrawer } from '@/components/overview/filters/overview-filters-drawer';
import { useEventQueryFilters } from '@/hooks/useEventQueryFilters';
@@ -36,6 +37,7 @@ const Events = ({ projectId, profileId }: Props) => {
enableEventsFilter
/>
<OverviewFiltersButtons className="justify-end p-0" />
<EventsTableColumns />
{query.isRefetching && (
<div className="center-center size-8 rounded border bg-background">
<Loader2Icon