import { unionize, ofType, UnionOf } from '~/common/unionize';
import { Dispatch } from 'redux';
+export const SLIDE_TIMEOUT = 500;
+
export const detailsPanelActions = unionize({
TOGGLE_DETAILS_PANEL: ofType<{}>(),
LOAD_DETAILS_PANEL: ofType<string>()
export const toggleDetailsPanel = () => (dispatch: Dispatch) => {
// because of material-ui issue resizing details panel breaks tabs.
// triggering window resize event fixes that.
- const detailsPanelAnimationDuration = 500;
setTimeout(() => {
window.dispatchEvent(new Event('resize'));
- }, detailsPanelAnimationDuration);
+ }, SLIDE_TIMEOUT);
dispatch(detailsPanelActions.TOGGLE_DETAILS_PANEL());
};