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

This commit is contained in:
Sorin Davidoi 2017-07-26 19:03:56 +02:00 committed by Eugen Rochko
parent 8b43d6bf9c
commit a248be4fce

View File

@ -56,6 +56,15 @@ export default class ColumnsArea extends ImmutablePureComponent {
handleSwipe = (index) => { handleSwipe = (index) => {
this.pendingIndex = 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 = () => { handleAnimationEnd = () => {