diff --git a/static/app/utils/replays/getFrameDetails.tsx b/static/app/utils/replays/getFrameDetails.tsx index a982c68685a92c..889a2bd3601756 100644 --- a/static/app/utils/replays/getFrameDetails.tsx +++ b/static/app/utils/replays/getFrameDetails.tsx @@ -53,6 +53,13 @@ interface Details { title: ReactNode; } +const DEVICE_CONNECTIVITY_MESSAGE: Record = { + wifi: t('Device connected to wifi'), + offline: t('Internet connection was lost'), + cellular: t('Device connected to cellular network'), + ethernet: t('Device connected to ethernet'), +}; + const MAPPER_FOR_FRAME: Record Details> = { 'replay.init': (frame: BreadcrumbFrame) => ({ color: 'gray300', @@ -220,14 +227,14 @@ const MAPPER_FOR_FRAME: Record Details> = { }), 'app.foreground': () => ({ color: 'blue300', - description: 'Replay started', + description: 'The user is currently focused on your application', tabKey: TabKey.BREADCRUMBS, title: 'App in Foreground', icon: , }), 'app.background': () => ({ color: 'blue300', - description: 'Replay paused', + description: 'The user is preoccupied with another app or activity', tabKey: TabKey.BREADCRUMBS, title: 'App in Background', icon: , @@ -364,7 +371,7 @@ const MAPPER_FOR_FRAME: Record Details> = { }), 'device.connectivity': (frame: DeviceConnectivityFrame) => ({ color: 'pink300', - description: frame.data.state, + description: DEVICE_CONNECTIVITY_MESSAGE[frame.data.state], tabKey: TabKey.BREADCRUMBS, title: 'Device Connectivity', icon: ,