68 lines
2.1 KiB
TypeScript
68 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import {
|
|
AverageEventDurationChart,
|
|
BookingKPICards,
|
|
BookingStatusLineChart,
|
|
LeastBookedTeamMembersTable,
|
|
MostBookedTeamMembersTable,
|
|
PopularEventsTable,
|
|
HighestNoShowHostTable,
|
|
RecentFeedbackTable,
|
|
HighestRatedMembersTable,
|
|
LowestRatedMembersTable,
|
|
} from "@calcom/features/insights/components";
|
|
import { FiltersProvider } from "@calcom/features/insights/context/FiltersProvider";
|
|
import { Filters } from "@calcom/features/insights/filters";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
|
|
import type { getServerSideProps } from "@lib/insights/getServerSideProps";
|
|
import type { inferSSRProps } from "@lib/types/inferSSRProps";
|
|
|
|
import InsightsLayout from "./layout";
|
|
|
|
export type PageProps = inferSSRProps<typeof getServerSideProps>;
|
|
|
|
export default function InsightsPage() {
|
|
const { t } = useLocale();
|
|
|
|
return (
|
|
<InsightsLayout>
|
|
<FiltersProvider>
|
|
<Filters />
|
|
|
|
<div className="mb-4 space-y-4">
|
|
<BookingKPICards />
|
|
|
|
<BookingStatusLineChart />
|
|
|
|
<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
|
|
<PopularEventsTable />
|
|
|
|
<AverageEventDurationChart />
|
|
</div>
|
|
<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
|
|
<MostBookedTeamMembersTable />
|
|
<LeastBookedTeamMembersTable />
|
|
</div>
|
|
<RecentFeedbackTable />
|
|
<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
|
|
<HighestNoShowHostTable />
|
|
<HighestRatedMembersTable />
|
|
<LowestRatedMembersTable />
|
|
</div>
|
|
<small className="text-default block text-center">
|
|
{t("looking_for_more_insights")}{" "}
|
|
<a
|
|
className="text-blue-500 hover:underline"
|
|
href="mailto:updates@cal.com?subject=Feature%20Request%3A%20More%20Analytics&body=Hey%20Cal.com%20Team%2C%20I%20love%20the%20analytics%20page%20but%20I%20am%20looking%20for%20...">
|
|
{" "}
|
|
{t("contact_support")}
|
|
</a>
|
|
</small>
|
|
</div>
|
|
</FiltersProvider>
|
|
</InsightsLayout>
|
|
);
|
|
}
|