diff --git a/frontend/src/scenes/surveys/surveyViewViz.tsx b/frontend/src/scenes/surveys/surveyViewViz.tsx index 2c5ffdcf01a5a..4e6fe2c2cccc0 100644 --- a/frontend/src/scenes/surveys/surveyViewViz.tsx +++ b/frontend/src/scenes/surveys/surveyViewViz.tsx @@ -4,6 +4,7 @@ import { BindLogic, useActions, useValues } from 'kea' import { dayjs } from 'lib/dayjs' import { LemonDivider } from 'lib/lemon-ui/LemonDivider' import { Tooltip } from 'lib/lemon-ui/Tooltip' +import { humanFriendlyNumber } from 'lib/utils' import { useEffect, useState } from 'react' import { insightLogic } from 'scenes/insights/insightLogic' import { LineGraph } from 'scenes/insights/views/LineGraph/LineGraph' @@ -36,7 +37,7 @@ const formatCount = (count: number, total: number): string => { if ((count / total) * 100 < 3) { return '' } - return `${count}` + return `${humanFriendlyNumber(count)}` } export function UsersCount({ surveyUserStats }: { surveyUserStats: SurveyUserStats }): JSX.Element { @@ -48,12 +49,12 @@ export function UsersCount({ surveyUserStats }: { surveyUserStats: SurveyUserSta return (
-
{total}
+
{humanFriendlyNumber(total)}
{labelTotal}
{sent > 0 && (
-
{sent}
+
{humanFriendlyNumber(sent)}
{labelSent}
)}