Skip to content

Commit 15ac892

Browse files
authored
fix(replay): fix story (#95197)
ReplaySlugChooser returns null, so there is nothing to render here. I think it should probably render the input. Fix DE-190
1 parent 3f85c3f commit 15ac892

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

static/app/components/replays/player/__stories__/replaySlugChooser.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import {Fragment, type ReactNode} from 'react';
22
import {css} from '@emotion/react';
33

4+
import {Input} from 'sentry/components/core/input';
45
import Providers from 'sentry/components/replays/player/__stories__/providers';
56
import ReplayLoadingState from 'sentry/components/replays/player/replayLoadingState';
67
import useLoadReplayReader from 'sentry/utils/replays/hooks/useLoadReplayReader';
@@ -17,7 +18,7 @@ export default function ReplaySlugChooser(props: Props) {
1718
const [replaySlug, setReplaySlug] = useSessionStorage('stories:replaySlug', '');
1819

1920
const input = (
20-
<input
21+
<Input
2122
defaultValue={replaySlug}
2223
onChange={event => {
2324
setReplaySlug(event.target.value);
@@ -26,7 +27,7 @@ export default function ReplaySlugChooser(props: Props) {
2627
css={css`
2728
font-variant-numeric: tabular-nums;
2829
`}
29-
size={34}
30+
size="sm"
3031
/>
3132
);
3233

@@ -61,5 +62,5 @@ export default function ReplaySlugChooser(props: Props) {
6162
);
6263
}
6364

64-
return null;
65+
return input;
6566
}

0 commit comments

Comments
 (0)