mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-30 10:10:13 +02:00
Code Issues Releases Wiki Activity

CreateNewModal: fix icon highlight on changing tabs.

Browse Source 
Tabs: Also add support for onChange handler.
This commit is contained in:
Kushagra Gour
2019-03-18 16:19:38 +05:30
parent 50868d5ac3
commit 525c924220
2 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Tabs.jsx
View File

@@ -40,6 +40,7 @@ export default class Tabs extends Component {
this.state = {
selectedTab: 0
};
this.switchTab = this.switchTab.bind(this);
}
isSelected(index) {
return this.state.selectedTab === index;
@@ -47,6 +48,9 @@ export default class Tabs extends Component {
switchTab(selectedTab) {
this.setState({ selectedTab: selectedTab });
this.tabListEl.querySelectorAll('[role=tab]')[selectedTab].focus();
if (this.props.onChange) {
this.props.onChange(this.state.selectedTab);
}
}
keyUpHandler(e) {
let { selectedTab } = this.state;
@@ -77,7 +81,7 @@ export default class Tabs extends Component {
isSelected={this.isSelected(index)}
label={child.props.label}
onKeyUp={this.keyUpHandler.bind(this)}
onClick={() => this.setState({ selectedTab: index })}
onClick={() => this.switchTab(index)}
/>
))}
</div>