@@ -14,6 +14,7 @@ import {
1414} from '../../state/ducks/modalDialog' ;
1515import {
1616 useSelectedIsPublic ,
17+ useSelectedWeAreAdmin ,
1718 useSelectedWeAreModerator ,
1819} from '../../state/selectors/selectedConversation' ;
1920import { SortedReactionList } from '../../types/Reaction' ;
@@ -50,6 +51,11 @@ const StyledSendersContainer = styled(Flex)`
5051 padding: 0 16px 16px;
5152` ;
5253
54+ const StyledContactContainer = styled . span `
55+ text-overflow: ellipsis;
56+ overflow: hidden;
57+ ` ;
58+
5359const StyledReactionBar = styled ( Flex ) `
5460 width: 100%;
5561 margin: 12px 0 20px 4px;
@@ -132,7 +138,7 @@ const ReactionSenders = (props: ReactionSendersProps) => {
132138 justifyContent = { 'space-between' }
133139 alignItems = { 'center' }
134140 >
135- < Flex container = { true } alignItems = { 'center' } >
141+ < Flex container = { true } alignItems = { 'center' } style = { { overflow : 'hidden' } } >
136142 < Avatar
137143 size = { AvatarSize . XS }
138144 pubkey = { sender }
@@ -143,11 +149,13 @@ const ReactionSenders = (props: ReactionSendersProps) => {
143149 { sender === me ? (
144150 window . i18n ( 'you' )
145151 ) : (
146- < ContactName
147- pubkey = { sender }
148- module = "module-conversation__user"
149- shouldShowPubkey = { false }
150- />
152+ < StyledContactContainer >
153+ < ContactName
154+ pubkey = { sender }
155+ module = "module-conversation__user"
156+ shouldShowPubkey = { false }
157+ />
158+ </ StyledContactContainer >
151159 ) }
152160 </ Flex >
153161 { sender === me && (
@@ -231,6 +239,7 @@ export const ReactListModal = (props: Props) => {
231239
232240 const msgProps = useMessageReactsPropsById ( messageId ) ;
233241 const isPublic = useSelectedIsPublic ( ) ;
242+ const weAreAdmin = useSelectedWeAreAdmin ( ) ;
234243 const weAreModerator = useSelectedWeAreModerator ( ) ;
235244 const me = UserUtils . getOurPubKeyStrFromCache ( ) ;
236245
@@ -362,7 +371,7 @@ export const ReactListModal = (props: Props) => {
362371 </ >
363372 ) }
364373 </ p >
365- { isPublic && weAreModerator && (
374+ { isPublic && ( weAreAdmin || weAreModerator ) && (
366375 < SessionButton
367376 text = { window . i18n ( 'clearAll' ) }
368377 buttonColor = { SessionButtonColor . Danger }
0 commit comments