51 lines
1.7 KiB
JavaScript
51 lines
1.7 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 { SMALL_VIEWPORT_BREAKPOINT } from '/imports/ui/components/layout/enums';
|
|
import SettingsService from '/imports/ui/services/settings';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import useCurrentUser from '/imports/ui/core/hooks/useCurrentUser';
|
|
|
|
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;
|
|
|
|
const { data: currentUserData } = useCurrentUser((user) => ({
|
|
emoji: user.emoji,
|
|
raiseHand: user.raiseHand,
|
|
away: user.away,
|
|
voice: user.voice,
|
|
reaction: user.reaction,
|
|
}));
|
|
|
|
const currentUser = {
|
|
userId: Auth.userID,
|
|
emoji: currentUserData?.emoji,
|
|
raiseHand: currentUserData?.raiseHand,
|
|
away: currentUserData?.away,
|
|
muted: currentUserData?.voice?.muted || false,
|
|
};
|
|
|
|
return (
|
|
<ReactionsButton {...{
|
|
currentUserReaction: currentUserData?.reaction?.reactionEmoji ?? 'none',
|
|
layoutContextDispatch,
|
|
sidebarContentPanel,
|
|
isMobile,
|
|
...currentUser,
|
|
...props,
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default injectIntl(withTracker(() => ({
|
|
autoCloseReactionsBar: SettingsService?.application?.autoCloseReactionsBar,
|
|
}))(ReactionsButtonContainer));
|