1
0
Fork 0
mirror of https://github.com/Sonarr/Sonarr synced 2024-12-24 08:44:46 +00:00

Collapse calendar view buttons on narrower screens (<= 1200px)

This commit is contained in:
Mark McDowall 2019-04-13 11:08:59 -07:00
parent dc42c6a1df
commit 377bd6e2b7
2 changed files with 16 additions and 1 deletions

View file

@ -83,6 +83,7 @@ class CalendarHeader extends Component {
end, end,
longDateFormat, longDateFormat,
isSmallScreen, isSmallScreen,
collapseViewButtons,
onTodayPress, onTodayPress,
onPreviousPress, onPreviousPress,
onNextPress onNextPress
@ -145,7 +146,7 @@ class CalendarHeader extends Component {
} }
{ {
isSmallScreen ? collapseViewButtons ?
<Menu <Menu
className={styles.viewMenu} className={styles.viewMenu}
alignMenu={align.RIGHT} alignMenu={align.RIGHT}
@ -158,6 +159,18 @@ class CalendarHeader extends Component {
</MenuButton> </MenuButton>
<MenuContent> <MenuContent>
{
isSmallScreen ?
null :
<ViewMenuItem
name={calendarViews.MONTH}
selectedView={view}
onPress={this.onViewChange}
>
Month
</ViewMenuItem>
}
<ViewMenuItem <ViewMenuItem
name={calendarViews.WEEK} name={calendarViews.WEEK}
selectedView={view} selectedView={view}
@ -243,6 +256,7 @@ CalendarHeader.propTypes = {
end: PropTypes.string.isRequired, end: PropTypes.string.isRequired,
view: PropTypes.oneOf(calendarViews.all).isRequired, view: PropTypes.oneOf(calendarViews.all).isRequired,
isSmallScreen: PropTypes.bool.isRequired, isSmallScreen: PropTypes.bool.isRequired,
collapseViewButtons: PropTypes.bool.isRequired,
longDateFormat: PropTypes.string.isRequired, longDateFormat: PropTypes.string.isRequired,
onViewChange: PropTypes.func.isRequired, onViewChange: PropTypes.func.isRequired,
onTodayPress: PropTypes.func.isRequired, onTodayPress: PropTypes.func.isRequired,

View file

@ -23,6 +23,7 @@ function createMapStateToProps() {
]); ]);
result.isSmallScreen = dimensions.isSmallScreen; result.isSmallScreen = dimensions.isSmallScreen;
result.collapseViewButtons = dimensions.isLargeScreen;
result.longDateFormat = uiSettings.longDateFormat; result.longDateFormat = uiSettings.longDateFormat;
return result; return result;