diff options
author | Thibaut Girka <thib@sitedethib.com> | 2018-08-31 13:34:58 +0200 |
---|---|---|
committer | ThibG <thib@sitedethib.com> | 2018-08-31 18:33:46 +0200 |
commit | 76a3f373e3bfa94df13272aed9b92a50ed912928 (patch) | |
tree | 0a1e007060ba8b0ed3b1be1f91af9383e5874c39 /app | |
parent | 5f035a2a1acbd6072b556837b5dd647a0fdbf263 (diff) |
[Glitch] Use withRouter for TabsBar
Port 61e62757816cd8cfe38944d509f8ec13d7d86912 to glitch-soc
Diffstat (limited to 'app')
-rw-r--r-- | app/javascript/flavours/glitch/features/ui/components/tabs_bar.js | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/app/javascript/flavours/glitch/features/ui/components/tabs_bar.js b/app/javascript/flavours/glitch/features/ui/components/tabs_bar.js index 81d5f5a7d..93a74faae 100644 --- a/app/javascript/flavours/glitch/features/ui/components/tabs_bar.js +++ b/app/javascript/flavours/glitch/features/ui/components/tabs_bar.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { NavLink } from 'react-router-dom'; +import { NavLink, withRouter } from 'react-router-dom'; import { FormattedMessage, injectIntl } from 'react-intl'; import { debounce } from 'lodash'; import { isUserTouching } from 'flavours/glitch/util/is_mobile'; @@ -24,14 +24,12 @@ export function getLink (index) { } @injectIntl -export default class TabsBar extends React.Component { - - static contextTypes = { - router: PropTypes.object.isRequired, - } +@withRouter +export default class TabsBar extends React.PureComponent { static propTypes = { intl: PropTypes.object.isRequired, + history: PropTypes.object.isRequired, } setRef = ref => { @@ -59,7 +57,7 @@ export default class TabsBar extends React.Component { const listener = debounce(() => { nextTab.removeEventListener('transitionend', listener); - this.context.router.history.push(to); + this.props.history.push(to); }, 50); nextTab.addEventListener('transitionend', listener); |