Skip to content

Commit d46591e

Browse files
author
David Wang
authored
fix(crons): Add className parameter to timeline components (#54769)
Need to forward the css from `styled` down to these components. Not sure how I missed this before since `className` was already in the Props type 😵‍💫
1 parent fc2eb09 commit d46591e

File tree

1 file changed

+4
-3
lines changed
  • static/app/views/monitors/components/overviewTimeline

1 file changed

+4
-3
lines changed

Diff for: static/app/views/monitors/components/overviewTimeline/gridLines.tsx

+4-3
Original file line numberDiff line numberDiff line change
@@ -56,9 +56,9 @@ function getTimeMarkers(end: Date, timeWindow: TimeWindow, width: number): TimeM
5656
return times;
5757
}
5858

59-
export function GridLineTimeLabels({end, timeWindow, width}: Props) {
59+
export function GridLineTimeLabels({end, timeWindow, width, className}: Props) {
6060
return (
61-
<LabelsContainer>
61+
<LabelsContainer className={className}>
6262
{getTimeMarkers(end, timeWindow, width).map(({date, position}) => (
6363
<TimeLabelContainer key={date.getTime()} left={position}>
6464
<TimeLabel date={date} {...timeWindowConfig[timeWindow].dateTimeProps} />
@@ -74,6 +74,7 @@ export function GridLineOverlay({
7474
width,
7575
showCursor,
7676
stickyCursor,
77+
className,
7778
}: Props) {
7879
const {cursorLabelFormat} = timeWindowConfig[timeWindow];
7980

@@ -94,7 +95,7 @@ export function GridLineOverlay({
9495
});
9596

9697
return (
97-
<Overlay ref={cursorContainerRef}>
98+
<Overlay ref={cursorContainerRef} className={className}>
9899
{timelineCursor}
99100
<GridLineContainer>
100101
{getTimeMarkers(end, timeWindow, width).map(({date, position}) => (

0 commit comments

Comments
 (0)