diff --git a/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx b/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx index 5e725847..60938779 100644 --- a/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx +++ b/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx @@ -23,6 +23,8 @@ import posthog from 'posthog-js' import { useSnapshot } from 'valtio/index' import { Spinner } from '@/primitives/Spinner' import { useConfig } from '@/api/useConfig' +import humanizeDuration from 'humanize-duration' +import i18n from 'i18next' export const ScreenRecordingSidePanel = () => { const { data } = useConfig() @@ -189,7 +191,7 @@ export const ScreenRecordingSidePanel = () => { { marginTop: '0.25rem', })} > - {t('start.body')}
{' '} + {t('start.body', { + duration_message: data?.recording?.max_duration + ? t('durationMessage', { + max_duration: humanizeDuration( + data?.recording?.max_duration, + { + language: i18n.language, + } + ), + }) + : '', + })}{' '} {data?.support?.help_article_recording && ( {t('start.linkMore')} diff --git a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx index fe7de0f9..6d6e87b1 100644 --- a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx +++ b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx @@ -25,6 +25,8 @@ import posthog from 'posthog-js' import { useSnapshot } from 'valtio/index' import { Spinner } from '@/primitives/Spinner' import { useConfig } from '@/api/useConfig' +import humanizeDuration from 'humanize-duration' +import i18n from 'i18next' export const TranscriptSidePanel = () => { const { data } = useConfig() @@ -263,7 +265,7 @@ export const TranscriptSidePanel = () => { { marginTop: '0.25rem', })} > - {t('start.body')}
{' '} + {t('start.body', { + duration_message: data?.recording?.max_duration + ? t('durationMessage', { + max_duration: humanizeDuration( + data?.recording?.max_duration, + { + language: i18n.language, + } + ), + }) + : '', + })}{' '} {data?.support?.help_article_transcript && (