12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- import {t} from 'sentry/locale';
- import type {Sort} from 'sentry/utils/discover/fields';
- import SortableHeader from 'sentry/views/replays/replayTable/sortableHeader';
- import {ReplayColumn} from 'sentry/views/replays/replayTable/types';
- type Props = {
- column: ReplayColumn;
- sort?: Sort;
- };
- function HeaderCell({column, sort}: Props) {
- switch (column) {
- case ReplayColumn.ACTIVITY:
- return (
- <SortableHeader
- sort={sort}
- fieldName="activity"
- label={t('Activity')}
- tooltip={t(
- 'Activity represents how much user activity happened in a replay. It is determined by the number of errors encountered, duration, and UI events.'
- )}
- />
- );
- case ReplayColumn.BROWSER:
- return <SortableHeader sort={sort} fieldName="browser.name" label={t('Browser')} />;
- case ReplayColumn.COUNT_DEAD_CLICKS:
- return (
- <SortableHeader
- sort={sort}
- fieldName="count_dead_clicks"
- label={t('Dead clicks')}
- tooltip={t(
- 'A dead click is a user click that does not result in any page activity after 7 seconds.'
- )}
- />
- );
- case ReplayColumn.COUNT_ERRORS:
- return <SortableHeader sort={sort} fieldName="count_errors" label={t('Errors')} />;
- case ReplayColumn.COUNT_RAGE_CLICKS:
- return (
- <SortableHeader
- sort={sort}
- fieldName="count_rage_clicks"
- label={t('Rage clicks')}
- tooltip={t(
- 'A rage click is 5 or more clicks on a dead element, which exhibits no page activity after 7 seconds.'
- )}
- />
- );
- case ReplayColumn.DURATION:
- return <SortableHeader sort={sort} fieldName="duration" label={t('Duration')} />;
- case ReplayColumn.OS:
- return <SortableHeader sort={sort} fieldName="os.name" label={t('OS')} />;
- case ReplayColumn.REPLAY:
- return <SortableHeader sort={sort} fieldName="started_at" label={t('Replay')} />;
- case ReplayColumn.MOST_ERRONEOUS_REPLAYS:
- return <SortableHeader label={t('Most erroneous replays')} />;
- case ReplayColumn.MOST_DEAD_CLICKS:
- return <SortableHeader label={t('Most dead clicks')} />;
- case ReplayColumn.SLOWEST_TRANSACTION:
- return (
- <SortableHeader
- label={t('Slowest Transaction')}
- tooltip={t(
- 'Slowest single instance of this transaction captured by this session.'
- )}
- />
- );
- default:
- return null;
- }
- }
- export default HeaderCell;
|