40 lines
1.5 KiB
JavaScript
40 lines
1.5 KiB
JavaScript
import React from 'react';
|
|
import { withTracker } from 'meteor/react-meteor-data';
|
|
import { layoutSelectInput, layoutDispatch } from '/imports/ui/components/layout/context';
|
|
import { injectIntl } from 'react-intl';
|
|
import ReactionsButton from './component';
|
|
import actionsBarService from '../service';
|
|
import UserReactionService from '/imports/ui/components/user-reaction/service';
|
|
import { SMALL_VIEWPORT_BREAKPOINT } from '/imports/ui/components/layout/enums';
|
|
import SettingsService from '/imports/ui/services/settings';
|
|
|
|
const ReactionsButtonContainer = ({ ...props }) => {
|
|
const layoutContextDispatch = layoutDispatch();
|
|
const sidebarContent = layoutSelectInput((i) => i.sidebarContent);
|
|
const { sidebarContentPanel } = sidebarContent;
|
|
|
|
const { width: browserWidth } = layoutSelectInput((i) => i.browser);
|
|
const isMobile = browserWidth <= SMALL_VIEWPORT_BREAKPOINT;
|
|
|
|
return (
|
|
<ReactionsButton {...{
|
|
layoutContextDispatch, sidebarContentPanel, isMobile, ...props,
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default injectIntl(withTracker(() => {
|
|
const currentUser = actionsBarService.currentUser();
|
|
const currentUserReaction = UserReactionService.getUserReaction(currentUser.userId);
|
|
|
|
return {
|
|
userId: currentUser.userId,
|
|
emoji: currentUser.emoji,
|
|
currentUserReaction: currentUserReaction.reaction,
|
|
raiseHand: currentUser.raiseHand,
|
|
autoCloseReactionsBar: SettingsService?.application?.autoCloseReactionsBar,
|
|
};
|
|
})(ReactionsButtonContainer));
|
|
|