fix(columns_area): Manually set tabs style when swiping (#4320)

pull/4333/merge
Sorin Davidoi 2017-07-26 19:03:56 +02:00 committed by Eugen Rochko
parent 8b43d6bf9c
commit a248be4fce
1 changed files with 9 additions and 0 deletions

View File

@ -56,6 +56,15 @@ export default class ColumnsArea extends ImmutablePureComponent {
handleSwipe = (index) => {
this.pendingIndex = index;
const nextLinkTranslationId = links[index].props['data-preview-title-id'];
const currentLinkSelector = '.tabs-bar__link.active';
const nextLinkSelector = `.tabs-bar__link[data-preview-title-id="${nextLinkTranslationId}"]`;
// HACK: Remove the active class from the current link and set it to the next one
// React-router does this for us, but too late, feeling laggy.
document.querySelector(currentLinkSelector).classList.remove('active');
document.querySelector(nextLinkSelector).classList.add('active');
}
handleAnimationEnd = () => {