From 89bb710a8a2458db4b8163c94d81d38fb9c95927 Mon Sep 17 00:00:00 2001 From: Alexander Danmayer Date: Fri, 27 Jul 2018 11:50:39 +0200 Subject: [PATCH] animate menuOffset If openMenuOffset or hiddenMenuOffset are changed this changes will get animated. --- index.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/index.js b/index.js index 0d481e4..9970ea9 100644 --- a/index.js +++ b/index.js @@ -117,6 +117,16 @@ export default class SideMenu extends React.Component { componentWillReceiveProps(props: Props): void { if (typeof props.isOpen !== 'undefined' && this.isOpen !== props.isOpen && (props.autoClosing || this.isOpen === false)) { this.openMenu(props.isOpen); + } else { + const { openMenuOffset, hiddenMenuOffset } = props + // if openMenuOffset or hiddenMenuOffset has changed + if ((this.state.openMenuOffset != openMenuOffset) || (this.state.hiddenMenuOffset != hiddenMenuOffset)) { + this.setState({ + ...this.state, + openMenuOffset, hiddenMenuOffset + }) + this.moveLeft(this.isOpen ? openMenuOffset : hiddenMenuOffset) + } } }