51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import { withTracker } from 'meteor/react-meteor-data';
|
|
import Service from '/imports/ui/components/captions/service';
|
|
import Captions from './component';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import { layoutSelectInput, layoutDispatch } from '../layout/context';
|
|
import { ACTIONS, PANELS } from '/imports/ui/components/layout/enums';
|
|
|
|
const Container = (props) => {
|
|
const cameraDock = layoutSelectInput((i) => i.cameraDock);
|
|
const { isResizing } = cameraDock;
|
|
const layoutContextDispatch = layoutDispatch();
|
|
|
|
const { amIModerator } = props;
|
|
|
|
if (!amIModerator) {
|
|
layoutContextDispatch({
|
|
type: ACTIONS.SET_SIDEBAR_CONTENT_IS_OPEN,
|
|
value: false,
|
|
});
|
|
layoutContextDispatch({
|
|
type: ACTIONS.SET_SIDEBAR_CONTENT_PANEL,
|
|
value: PANELS.NONE,
|
|
});
|
|
return null;
|
|
}
|
|
|
|
return <Captions {...{ layoutContextDispatch, isResizing, ...props }} />;
|
|
};
|
|
|
|
export default withTracker(({ amIModerator }) => {
|
|
const isRTL = document.documentElement.getAttribute('dir') === 'rtl';
|
|
const {
|
|
locale,
|
|
name,
|
|
ownerId,
|
|
dictating,
|
|
} = Service.getCaptions();
|
|
|
|
return {
|
|
locale,
|
|
name,
|
|
ownerId,
|
|
dictation: Service.canIDictateThisPad(ownerId),
|
|
dictating,
|
|
currentUserId: Auth.userID,
|
|
isRTL,
|
|
hasPermission: Service.hasPermission(amIModerator),
|
|
};
|
|
})(Container);
|