Skip to content

feat: improve metrics and UI for user engagement on the platform #16134

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 18 commits into from
Jan 17, 2025
Merged

feat: improve metrics and UI for user engagement on the platform #16134

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
899e88f
WIP: Setup base users count chart
BrunoQuaresma Jan 13, 2025
3d652ee
Merge branch 'main' of https://github.com/coder/coder into bq/user-eg…
BrunoQuaresma Jan 14, 2025
034c359
Implement User Engagement component
BrunoQuaresma Jan 14, 2025
8eba4d4
Integrate chart with API data
BrunoQuaresma Jan 14, 2025
2238590
Run lint and format
BrunoQuaresma Jan 14, 2025
8373732
Update story to show active data
BrunoQuaresma Jan 14, 2025
dc0261f
Merge branch 'main' of https://github.com/coder/coder into bq/user-eg…
BrunoQuaresma Jan 15, 2025
090230d
Adjust a few design topics from Chrsitin
BrunoQuaresma Jan 15, 2025
c454eba
Use DAU for user engagement chart
BrunoQuaresma Jan 16, 2025
e2cf922
Merge branch 'main' of https://github.com/coder/coder into bq/user-eg…
BrunoQuaresma Jan 16, 2025
4b7bf9f
Adjust engagement chart
BrunoQuaresma Jan 16, 2025
e036f94
Add license consumption chart
BrunoQuaresma Jan 16, 2025
372649b
Add storybook for license chart
BrunoQuaresma Jan 16, 2025
a88da96
Remove text-ms
BrunoQuaresma Jan 16, 2025
39ee475
Run make fmt
BrunoQuaresma Jan 16, 2025
11ce947
Adjust charts
BrunoQuaresma Jan 17, 2025
c2e7b95
Fix format
BrunoQuaresma Jan 17, 2025
f38361e
Fix stories
BrunoQuaresma Jan 17, 2025
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
Prev Previous commit
Next Next commit
Run lint and format
  • Loading branch information
@BrunoQuaresma
BrunoQuaresma committed Jan 14, 2025
commit 223859019e8901d983faa3105b47b0ec6af064c5
6 changes: 3 additions & 3 deletions site/src/pages/DeploymentSettingsPage/GeneralSettingsPage/GeneralSettingsPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
import { deploymentDAUs } from "api/queries/deployment";
import { entitlements } from "api/queries/entitlements";
import { availableExperiments, experiments } from "api/queries/experiments";
import { insightsUserStatusCounts } from "api/queries/insights";
import type { UserStatusChangeCount } from "api/typesGenerated";
import { eachDayOfInterval, isSameDay } from "date-fns";
import { useEmbeddedMetadata } from "hooks/useEmbeddedMetadata";
import { useDeploymentSettings } from "modules/management/DeploymentSettingsProvider";
import type { FC } from "react";
import { Helmet } from "react-helmet-async";
import { useQuery } from "react-query";
import { pageTitle } from "utils/page";
import { GeneralSettingsPageView } from "./GeneralSettingsPageView";
import { insightsUserStatusCounts } from "api/queries/insights";
import type { UserStatusChangeCount } from "api/typesGenerated";
import { eachDayOfInterval, isSameDay } from "date-fns";

const GeneralSettingsPage: FC = () => {
const { deploymentConfig } = useDeploymentSettings();
Expand Down
2 changes: 1 addition & 1 deletion site/src/pages/DeploymentSettingsPage/GeneralSettingsPage/GeneralSettingsPageView.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@ import { useDeploymentOptions } from "utils/deployOptions";
import { docs } from "utils/docs";
import { Alert } from "../../../components/Alert/Alert";
import OptionsTable from "../OptionsTable";
import { UserEngagementChart } from "./UserEngagementChart";
import { ChartSection } from "./ChartSection";
import { UserEngagementChart } from "./UserEngagementChart";

export type GeneralSettingsPageViewProps = {
deploymentOptions: SerpentOption[];
Expand Down
4 changes: 2 additions & 2 deletions site/src/pages/DeploymentSettingsPage/GeneralSettingsPage/UserEngagementChart.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import { Button } from "components/Button/Button";
import {
type ChartConfig,
ChartContainer,
ChartTooltip,
ChartTooltipContent,
type ChartConfig,
} from "components/Chart/Chart";
import {
Collapsible,
Expand All @@ -14,7 +14,7 @@ import { Spinner } from "components/Spinner/Spinner";
import { ChevronDownIcon, ExternalLinkIcon } from "lucide-react";
import type { FC } from "react";
import { Link } from "react-router-dom";
import { CartesianGrid, XAxis, Area, AreaChart, YAxis } from "recharts";
import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";

const chartConfig = {
users: {
Expand Down
Loading