jitsi_mod/react/features/conference/middleware.js

// @flow

import {
    CONFERENCE_JOINED,
    VIDEO_QUALITY_LEVELS,
    setReceiveVideoQuality
} from '../base/conference';
import { SET_REDUCED_UI } from '../base/responsive-ui';
import { MiddlewareRegistry } from '../base/redux';
import { setFilmstripEnabled } from '../filmstrip';
import { setToolboxEnabled } from '../toolbox';

MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
    const result = next(action);

    switch (action.type) {
    case CONFERENCE_JOINED:
    case SET_REDUCED_UI: {
        const state = getState();
        const { audioOnly } = state['features/base/conference'];
        const { reducedUI } = state['features/base/responsive-ui'];

        dispatch(setToolboxEnabled(!reducedUI));
        dispatch(setFilmstripEnabled(!reducedUI));

        // XXX: Currently setting the received video quality will disable
        // audio-only mode if engaged, that's why we check for it here.
        if (!audioOnly) {
            dispatch(setReceiveVideoQuality(
                    reducedUI
                        ? VIDEO_QUALITY_LEVELS.LOW
                        : VIDEO_QUALITY_LEVELS.HIGH));
        }

        break;
    }
    }

    return result;
});