diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-08-01 23:33:28 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-08-01 23:33:28 +0800 |
| commit | 11869122b4fe00c834347f9911985d7b2572bc9b (patch) | |
| tree | 23d03a04d17e0f15bad126945aa8c01d5becb923 /packages/react-shared/src | |
| parent | 9b24459108c826843cfddb377e66327e11b1d85b (diff) | |
| download | dexon-0x-contracts-11869122b4fe00c834347f9911985d7b2572bc9b.tar dexon-0x-contracts-11869122b4fe00c834347f9911985d7b2572bc9b.tar.gz dexon-0x-contracts-11869122b4fe00c834347f9911985d7b2572bc9b.tar.bz2 dexon-0x-contracts-11869122b4fe00c834347f9911985d7b2572bc9b.tar.lz dexon-0x-contracts-11869122b4fe00c834347f9911985d7b2572bc9b.tar.xz dexon-0x-contracts-11869122b4fe00c834347f9911985d7b2572bc9b.tar.zst dexon-0x-contracts-11869122b4fe00c834347f9911985d7b2572bc9b.zip | |
Update React-scroll, getting rid of the need to manually set the url hash
Diffstat (limited to 'packages/react-shared/src')
| -rw-r--r-- | packages/react-shared/src/components/anchor_title.tsx | 2 | ||||
| -rw-r--r-- | packages/react-shared/src/components/nested_sidebar_menu.tsx | 17 |
2 files changed, 4 insertions, 15 deletions
diff --git a/packages/react-shared/src/components/anchor_title.tsx b/packages/react-shared/src/components/anchor_title.tsx index 473b994bf..451ba1729 100644 --- a/packages/react-shared/src/components/anchor_title.tsx +++ b/packages/react-shared/src/components/anchor_title.tsx @@ -69,13 +69,13 @@ export class AnchorTitle extends React.Component<AnchorTitleProps, AnchorTitleSt </div> <ScrollLink to={this.props.id} + hashSpy={true} offset={headerSizeToScrollOffset[this.props.headerSize]} duration={constants.DOCS_SCROLL_DURATION_MS} containerId={constants.DOCS_CONTAINER_ID} > <i className="zmdi zmdi-link" - onClick={utils.setUrlHash.bind(utils, this.props.id)} style={{ ...styles.anchor, opacity }} onMouseOver={this._setHoverState.bind(this, true)} onMouseOut={this._setHoverState.bind(this, false)} diff --git a/packages/react-shared/src/components/nested_sidebar_menu.tsx b/packages/react-shared/src/components/nested_sidebar_menu.tsx index aa00d5985..10bcb7d8c 100644 --- a/packages/react-shared/src/components/nested_sidebar_menu.tsx +++ b/packages/react-shared/src/components/nested_sidebar_menu.tsx @@ -94,14 +94,11 @@ export class NestedSidebarMenu extends React.Component<NestedSidebarMenuProps, N key={`menuItem-${menuItemName}`} to={id} offset={-10} + hashSpy={true} duration={constants.DOCS_SCROLL_DURATION_MS} containerId={constants.DOCS_CONTAINER_ID} > - <MenuItem - onTouchTap={this._onMenuItemClick.bind(this, finalMenuItemName)} - style={menuItemStyles} - innerDivStyle={menuItemInnerDivStyles} - > + <MenuItem style={menuItemStyles} innerDivStyle={menuItemInnerDivStyles}> <span style={{ textTransform: 'capitalize' }}>{finalMenuItemName}</span> </MenuItem> </ScrollLink> @@ -128,12 +125,11 @@ export class NestedSidebarMenu extends React.Component<NestedSidebarMenuProps, N <ScrollLink to={id} offset={0} + hashSpy={true} duration={constants.DOCS_SCROLL_DURATION_MS} containerId={constants.DOCS_CONTAINER_ID} - onTouchTap={this._onMenuItemClick.bind(this, name)} > <MenuItem - onTouchTap={this._onMenuItemClick.bind(this, name)} style={{ minHeight: 35 }} innerDivStyle={{ paddingLeft: 16, @@ -150,11 +146,4 @@ export class NestedSidebarMenu extends React.Component<NestedSidebarMenuProps, N </ul> ); } - private _onMenuItemClick(name: string): void { - const id = utils.getIdFromName(name); - utils.setUrlHash(id); - if (!_.isUndefined(this.props.onMenuItemClick)) { - this.props.onMenuItemClick(); - } - } } |