1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-08 21:42:24 +03:00

add message context menu icons

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
This commit is contained in:
Michael Weimann
2021-02-23 18:49:11 +01:00
parent e4eeafd485
commit 62efea7e19
8 changed files with 88 additions and 0 deletions

View File

@@ -265,6 +265,7 @@ export default class MessageContextMenu extends React.Component {
if (unsentReactionsCount !== 0) {
resendReactionsButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconResend"
label={ _t('Resend %(unsentCount)s reaction(s)', {unsentCount: unsentReactionsCount}) }
onClick={this.onResendReactionsClick}
/>
@@ -275,6 +276,7 @@ export default class MessageContextMenu extends React.Component {
if (isSent && this.state.canRedact) {
redactButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconRedact"
label={_t("Remove")}
onClick={this.onRedactClick}
/>
@@ -284,6 +286,7 @@ export default class MessageContextMenu extends React.Component {
if (isContentActionable(mxEvent)) {
forwardButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconForward"
label={_t("Forward Message")}
onClick={this.onForwardClick}
/>
@@ -292,6 +295,7 @@ export default class MessageContextMenu extends React.Component {
if (this.state.canPin) {
pinButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconPin"
label={ this._isPinned() ? _t('Unpin Message') : _t('Pin Message') }
onClick={this.onPinClick}
/>
@@ -301,6 +305,7 @@ export default class MessageContextMenu extends React.Component {
const viewSourceButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconSource"
label={_t("View Source")}
onClick={this.onViewSourceClick}
/>
@@ -310,6 +315,7 @@ export default class MessageContextMenu extends React.Component {
if (this.props.eventTileOps.isWidgetHidden()) {
unhidePreviewButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconUnhidePreview"
label={_t("Unhide Preview")}
onClick={this.onUnhidePreviewClick}
/>
@@ -324,6 +330,7 @@ export default class MessageContextMenu extends React.Component {
// XXX: if we use room ID, we should also include a server where the event can be found (other than in the domain of the event ID)
const permalinkButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconPermalink"
onClick={this.onPermalinkClick}
label= { mxEvent.isRedacted() || mxEvent.getType() !== 'm.room.message'
? _t('Share Permalink') : _t('Share Message') }
@@ -337,6 +344,7 @@ export default class MessageContextMenu extends React.Component {
if (this.props.eventTileOps) { // this event is rendered using TextualBody
quoteButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconQuote"
label={_t("Quote")}
onClick={this.onQuoteClick}
/>
@@ -350,6 +358,7 @@ export default class MessageContextMenu extends React.Component {
) {
externalURLButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconLink"
onClick={this.closeMenu}
label={ _t('Source URL') }
element="a"
@@ -363,6 +372,7 @@ export default class MessageContextMenu extends React.Component {
if (this.props.collapseReplyThread) {
collapseReplyThread = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconCollapse"
label={_t("Collapse Reply Thread")}
onClick={this.onCollapseReplyThreadClick}
/>
@@ -373,6 +383,7 @@ export default class MessageContextMenu extends React.Component {
if (mxEvent.getSender() !== me) {
reportEventButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconReport"
label={_t("Report Content")}
onClick={this.onReportEventClick}
/>