mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-21 09:38:01 +02:00
23 lines
771 B
TypeScript
23 lines
771 B
TypeScript
|
const { connect } = require('react-redux');
|
||
|
const SideMenu_ = require('react-native-side-menu-updated').default;
|
||
|
import { Dimensions } from 'react-native';
|
||
|
import { State } from '@joplin/lib/reducer';
|
||
|
|
||
|
class SideMenuComponent extends SideMenu_ {
|
||
|
public onLayoutChange(e: any) {
|
||
|
const { width, height } = e.nativeEvent.layout;
|
||
|
const openMenuOffsetPercentage = this.props.openMenuOffset / Dimensions.get('window').width;
|
||
|
const openMenuOffset = width * openMenuOffsetPercentage;
|
||
|
const hiddenMenuOffset = width * this.state.hiddenMenuOffsetPercentage;
|
||
|
this.setState({ width, height, openMenuOffset, hiddenMenuOffset });
|
||
|
}
|
||
|
}
|
||
|
|
||
|
const SideMenu = connect((state: State) => {
|
||
|
return {
|
||
|
isOpen: state.showSideMenu,
|
||
|
};
|
||
|
})(SideMenuComponent);
|
||
|
|
||
|
export default SideMenu;
|