Show bubble tile timestamps for bubble layout inside the bubble (#7622)
This commit is contained in:
parent
8ddd677c35
commit
fb49ccce35
11 changed files with 66 additions and 11 deletions
|
@ -33,6 +33,7 @@ const MAX_NON_NARROW_WIDTH = 450 / 70 * 100;
|
|||
interface IProps {
|
||||
mxEvent: MatrixEvent;
|
||||
callEventGrouper: CallEventGrouper;
|
||||
timestamp?: JSX.Element;
|
||||
}
|
||||
|
||||
interface IState {
|
||||
|
@ -145,6 +146,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
>
|
||||
<span> { _t("Accept") } </span>
|
||||
</AccessibleButton>
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -157,6 +159,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
<div className="mx_CallEvent_content">
|
||||
{ _t("Call declined") }
|
||||
{ this.renderCallBackButton(_t("Call back")) }
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
} else if (([CallErrorCode.UserHangup, "user hangup"].includes(hangupReason) || !hangupReason)) {
|
||||
|
@ -174,6 +177,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
return (
|
||||
<div className="mx_CallEvent_content">
|
||||
{ text }
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
} else if (hangupReason === CallErrorCode.InviteTimeout) {
|
||||
|
@ -181,6 +185,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
<div className="mx_CallEvent_content">
|
||||
{ _t("No answer") }
|
||||
{ this.renderCallBackButton(_t("Call back")) }
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -215,6 +220,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
/>
|
||||
{ _t("Connection failed") }
|
||||
{ this.renderCallBackButton(_t("Retry")) }
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -222,6 +228,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
return (
|
||||
<div className="mx_CallEvent_content">
|
||||
<Clock seconds={this.state.length} />
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -229,6 +236,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
return (
|
||||
<div className="mx_CallEvent_content">
|
||||
{ _t("Connecting") }
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -237,6 +245,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
<div className="mx_CallEvent_content">
|
||||
{ _t("Missed call") }
|
||||
{ this.renderCallBackButton(_t("Call back")) }
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -244,6 +253,7 @@ export default class CallEvent extends React.PureComponent<IProps, IState> {
|
|||
return (
|
||||
<div className="mx_CallEvent_content">
|
||||
{ _t("The call is in an unknown state!") }
|
||||
{ this.props.timestamp }
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue