Skip to content

feat: Unique Visitors Count on Events Page #3851

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

Open
Yashh56 wants to merge 6 commits into
base: master
Choose a base branch
from
+45 −1
Open

feat: Unique Visitors Count on Events Page #3851

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
0e5e59a
Add UniqueSessions component to display unique session count
Yashh56 Dec 7, 2025
49c31c1
Refactor UniqueSessions component for improved formatting
Yashh56 Dec 7, 2025
f7b902c
fix: unique session count
Yashh56 Jan 23, 2026
7b7c0e1
replaced Container with the Row
Yashh56 Jan 23, 2026
1a0e20e
Update src/components/metrics/UniqueSessions.tsx
Yashh56 Jan 23, 2026
2ed8ff3
renamed the component UniqueSessions to UniqueVisitors
Yashh56 Jan 23, 2026
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
4 changes: 3 additions & 1 deletion src/app/(main)/websites/[websiteId]/WebsiteControls.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { FilterBar } from '@/components/input/FilterBar';
import { MonthFilter } from '@/components/input/MonthFilter';
import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
import { WebsiteFilterButton } from '@/components/input/WebsiteFilterButton';
import UniqueVisitors from '@/components/metrics/UniqueVisitors';

export function WebsiteControls({
websiteId,
Expand All @@ -23,8 +24,9 @@ export function WebsiteControls({
return (
<Column gap>
<Grid columns={{ xs: '1fr', md: 'auto 1fr' }} gap>
<Row alignItems="center" justifyContent="flex-start">
<Row alignItems="center" justifyContent="flex-start" gap="4">
{allowFilter ? <WebsiteFilterButton websiteId={websiteId} /> : <div />}
<UniqueVisitors websiteId={websiteId} />
</Row>
<Row alignItems="center" justifyContent={{ xs: 'flex-start', md: 'flex-end' }}>
{allowDateFilter && (
Expand Down
42 changes: 42 additions & 0 deletions src/components/metrics/UniqueVisitors.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
import { Loading, Row, Text } from '@umami/react-zen';
import { useMessages, useWebsiteStatsQuery } from '@/components/hooks';

interface UniqueVisitorsProps {
websiteId: string;
}

const UniqueVisitors = ({ websiteId }: UniqueVisitorsProps) => {
const { data, isLoading, error } = useWebsiteStatsQuery(websiteId);
const { formatMessage, labels } = useMessages();

const renderContent = () => {
if (isLoading) {
return <Loading icon="dots" />;
}

if (error) {
return (
<Text size="5" color="red">
Error loading data
</Text>
);
}

return (
<Text size="5" weight="bold">
{data?.visitors ?? 0}
</Text>
);
};

return (
<Row alignItems="center" gap="3">
<Text size="5" color="gray">
{formatMessage(labels.visitors)}:
</Text>
{renderContent()}
</Row>
);
};

export default UniqueVisitors;