diff --git a/release-calendar/src/client/components/Calendar.tsx b/release-calendar/src/client/components/Calendar.tsx index 9731d35d9..36ca1863c 100644 --- a/release-calendar/src/client/components/Calendar.tsx +++ b/release-calendar/src/client/components/Calendar.tsx @@ -50,6 +50,8 @@ export class Calendar extends React.Component { this.apiService = new ApiService(); } + calendarReference = React.createRef(); + async componentDidMount(): Promise { const promotions = await this.apiService.getPromotions(); this.setState({allEvents: getAllEvents(promotions)}); @@ -61,6 +63,7 @@ export class Calendar extends React.Component { const promotionsOfSingleRelease = await this.apiService.getSinglePromotions( this.props.singleRelease, ); + this.gotoDate(promotionsOfSingleRelease[0].date); this.setState((prevState: CalendarState) => ({ singleEvents: getSingleReleaseEvents( promotionsOfSingleRelease, @@ -73,6 +76,11 @@ export class Calendar extends React.Component { } } + gotoDate(date: Date): void { + const calendarApi = this.calendarReference.current.getApi(); + calendarApi.gotoDate(date); + } + render(): JSX.Element { let displayEvents: ReleaseEventInput[] = []; if (this.props.singleRelease) { @@ -89,10 +97,11 @@ export class Calendar extends React.Component { { diff --git a/release-calendar/src/client/stylesheets/calendar.scss b/release-calendar/src/client/stylesheets/calendar.scss index 4d1424ea3..27fac9b69 100644 --- a/release-calendar/src/client/stylesheets/calendar.scss +++ b/release-calendar/src/client/stylesheets/calendar.scss @@ -33,6 +33,10 @@ @include off; } +.fc-button-primary:disabled { + @include off; +} + .fc-unthemed td.fc-today { background-color: base.$amp-yellow; }