31d9fb12c8
* ref(Filmstrip): Optimize resizes. * fix(thumbnails): resize. * fix(thumbnails): Issue with height 0, width 0. * doc(Filmstrip): Improve JSDoc.
42 lines
977 B
JavaScript
42 lines
977 B
JavaScript
// @flow
|
|
|
|
import { ReducerRegistry, set } from '../redux';
|
|
|
|
import { CLIENT_RESIZED, SET_ASPECT_RATIO, SET_REDUCED_UI } from './actionTypes';
|
|
import { ASPECT_RATIO_NARROW } from './constants';
|
|
|
|
const {
|
|
innerHeight = 0,
|
|
innerWidth = 0
|
|
} = window;
|
|
|
|
/**
|
|
* The default/initial redux state of the feature base/responsive-ui.
|
|
*/
|
|
const DEFAULT_STATE = {
|
|
aspectRatio: ASPECT_RATIO_NARROW,
|
|
clientHeight: innerHeight,
|
|
clientWidth: innerWidth,
|
|
reducedUI: false
|
|
};
|
|
|
|
ReducerRegistry.register('features/base/responsive-ui', (state = DEFAULT_STATE, action) => {
|
|
switch (action.type) {
|
|
case CLIENT_RESIZED: {
|
|
|
|
return {
|
|
...state,
|
|
clientWidth: action.clientWidth,
|
|
clientHeight: action.clientHeight
|
|
};
|
|
}
|
|
case SET_ASPECT_RATIO:
|
|
return set(state, 'aspectRatio', action.aspectRatio);
|
|
|
|
case SET_REDUCED_UI:
|
|
return set(state, 'reducedUI', action.reducedUI);
|
|
}
|
|
|
|
return state;
|
|
});
|