Skip to content

Commit

Permalink
docs(components): fix overflow-menu showcases
Browse files Browse the repository at this point in the history
  • Loading branch information
artyorsh committed Oct 14, 2019
1 parent a08e1d3 commit 9a5be22
Show file tree
Hide file tree
Showing 6 changed files with 22 additions and 23 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,8 @@ export class OverflowMenuShowcase extends React.Component<OverflowMenuProps, Sta
selectedMenuIndex: null,
};

private toggleMenu = () => {
private toggleMenu = (): void => {
const menuVisible: boolean = !this.state.menuVisible;

this.setState({ menuVisible });
};

Expand All @@ -39,7 +38,7 @@ export class OverflowMenuShowcase extends React.Component<OverflowMenuProps, Sta
onSelect={this.onSelect}
onBackdropPress={this.toggleMenu}>
<Button onPress={this.toggleMenu}>
Show
TOGGLE MENU
</Button>
</OverflowMenu>
);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,10 +21,10 @@ export class OverflowMenuWithoutDividerShowcase extends React.Component {
];

onItemSelect = (selectedIndex) => {
this.setState({ selectedIndex });
this.setState({ selectedIndex }, this.toggleMenu);
};

onToggleButtonPress = () => {
toggleMenu = () => {
const menuVisible = !this.state.menuVisible;
this.setState({ menuVisible });
};
Expand All @@ -38,8 +38,8 @@ export class OverflowMenuWithoutDividerShowcase extends React.Component {
visible={this.state.menuVisible}
selectedIndex={this.state.selectedIndex}
onSelect={this.onItemSelect}
onBackdropPress={this.onToggleButtonPress}>
<Button onPress={this.onToggleButtonPress}>
onBackdropPress={this.toggleMenu}>
<Button onPress={this.toggleMenu}>
TOGGLE MENU
</Button>
</OverflowMenu>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -31,10 +31,10 @@ export class OverflowMenuExternalSourceIconsShowcase extends React.Component {
];

onItemSelect = (selectedIndex) => {
this.setState({ selectedIndex });
this.setState({ selectedIndex }, this.toggleMenu);
};

onToggleButtonPress = () => {
toggleMenu = () => {
const menuVisible = !this.state.menuVisible;
this.setState({ menuVisible });
};
Expand All @@ -47,8 +47,8 @@ export class OverflowMenuExternalSourceIconsShowcase extends React.Component {
visible={this.state.menuVisible}
selectedIndex={this.state.selectedIndex}
onSelect={this.onItemSelect}
onBackdropPress={this.onToggleButtonPress}>
<Button onPress={this.onToggleButtonPress}>
onBackdropPress={this.toggleMenu}>
<Button onPress={this.toggleMenu}>
TOGGLE MENU
</Button>
</OverflowMenu>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,10 +21,10 @@ export class OverflowMenuSimpleUsageShowcase extends React.Component {
];

onItemSelect = (selectedIndex) => {
this.setState({ selectedIndex });
this.setState({ selectedIndex }, this.toggleMenu);
};

onToggleButtonPress = () => {
toggleMenu = () => {
const menuVisible = !this.state.menuVisible;
this.setState({ menuVisible });
};
Expand All @@ -37,8 +37,8 @@ export class OverflowMenuSimpleUsageShowcase extends React.Component {
visible={this.state.menuVisible}
selectedIndex={this.state.selectedIndex}
onSelect={this.onItemSelect}
onBackdropPress={this.onToggleButtonPress}>
<Button onPress={this.onToggleButtonPress}>
onBackdropPress={this.toggleMenu}>
<Button onPress={this.toggleMenu}>
TOGGLE MENU
</Button>
</OverflowMenu>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,10 +21,10 @@ export class OverflowMenuWithDisabledItemsShowcase extends React.Component {
];

onItemSelect = (selectedIndex) => {
this.setState({ selectedIndex });
this.setState({ selectedIndex }, this.toggleMenu);
};

onToggleButtonPress = () => {
toggleMenu = () => {
const menuVisible = !this.state.menuVisible;
this.setState({ menuVisible });
};
Expand All @@ -37,8 +37,8 @@ export class OverflowMenuWithDisabledItemsShowcase extends React.Component {
visible={this.state.menuVisible}
selectedIndex={this.state.selectedIndex}
onSelect={this.onItemSelect}
onBackdropPress={this.onToggleButtonPress}>
<Button onPress={this.onToggleButtonPress}>
onBackdropPress={this.toggleMenu}>
<Button onPress={this.toggleMenu}>
TOGGLE MENU
</Button>
</OverflowMenu>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -31,10 +31,10 @@ export class OverflowMenuWithIconsShowcase extends React.Component {
];

onItemSelect = (selectedIndex) => {
this.setState({ selectedIndex });
this.setState({ selectedIndex }, this.toggleMenu);
};

onToggleButtonPress = () => {
toggleMenu = () => {
const menuVisible = !this.state.menuVisible;
this.setState({ menuVisible });
};
Expand All @@ -47,8 +47,8 @@ export class OverflowMenuWithIconsShowcase extends React.Component {
visible={this.state.menuVisible}
selectedIndex={this.state.selectedIndex}
onSelect={this.onItemSelect}
onBackdropPress={this.onToggleButtonPress}>
<Button onPress={this.onToggleButtonPress}>
onBackdropPress={this.toggleMenu}>
<Button onPress={this.toggleMenu}>
TOGGLE MENU
</Button>
</OverflowMenu>
Expand Down

0 comments on commit 9a5be22

Please sign in to comment.