@@ -9,7 +9,7 @@ import {Tooltip} from 'sentry/components/core/tooltip';
9
9
import { DropdownMenu } from 'sentry/components/dropdownMenu' ;
10
10
import Duration from 'sentry/components/duration/duration' ;
11
11
import Link from 'sentry/components/links/link' ;
12
- import PlatformIcon from 'sentry/components/replays/platformIcon ' ;
12
+ import ReplayPlatformIcon from 'sentry/components/replays/replayPlatformIcon ' ;
13
13
import ReplayPlayPauseButton from 'sentry/components/replays/replayPlayPauseButton' ;
14
14
import ScoreBar from 'sentry/components/scoreBar' ;
15
15
import TimeSince from 'sentry/components/timeSince' ;
@@ -19,6 +19,7 @@ import {
19
19
IconDelete ,
20
20
IconEllipsis ,
21
21
IconFire ,
22
+ IconNot ,
22
23
IconPlay ,
23
24
} from 'sentry/icons' ;
24
25
import { t , tct } from 'sentry/locale' ;
@@ -489,7 +490,7 @@ export function TransactionCell({
489
490
}
490
491
491
492
export function OSCell ( { replay, showDropdownFilters} : Props ) {
492
- const { name, version} = replay . os ?? { } ;
493
+ const { name, version} = replay . os ;
493
494
const theme = useTheme ( ) ;
494
495
const hasRoomForColumns = useMedia ( `(min-width: ${ theme . breakpoints . large } )` ) ;
495
496
@@ -500,7 +501,7 @@ export function OSCell({replay, showDropdownFilters}: Props) {
500
501
< Item >
501
502
< Container >
502
503
< Tooltip title = { `${ name ?? '' } ${ version ?? '' } ` } >
503
- < PlatformIcon
504
+ < ReplayPlatformIcon
504
505
name = { name ?? '' }
505
506
version = { version && hasRoomForColumns ? version : undefined }
506
507
showVersion = { false }
@@ -516,18 +517,27 @@ export function OSCell({replay, showDropdownFilters}: Props) {
516
517
}
517
518
518
519
export function BrowserCell ( { replay, showDropdownFilters} : Props ) {
519
- const { name, version} = replay . browser ?? { } ;
520
+ const { name, version} = replay . browser ;
520
521
const theme = useTheme ( ) ;
521
522
const hasRoomForColumns = useMedia ( `(min-width: ${ theme . breakpoints . large } )` ) ;
522
523
523
524
if ( replay . is_archived ) {
524
525
return < Item isArchived /> ;
525
526
}
527
+
528
+ if ( name === null && version === null ) {
529
+ return (
530
+ < Item >
531
+ { /* <Tag icon={<IconNot />} /> */ }
532
+ < IconNot size = "xs" color = "gray300" />
533
+ </ Item >
534
+ ) ;
535
+ }
526
536
return (
527
537
< Item >
528
538
< Container >
529
539
< Tooltip title = { `${ name } ${ version } ` } >
530
- < PlatformIcon
540
+ < ReplayPlatformIcon
531
541
name = { name ?? '' }
532
542
version = { version && hasRoomForColumns ? version : undefined }
533
543
showVersion = { false }
0 commit comments