Merge pull request matrix-org#4622 from aaronraimist/redaction-timestamp

Show timestamp of redaction on hover

Author: jryans

src/components/views/messages/RedactedBody.tsx

@@ -19,6 +19,8 @@ import {MatrixClient} from "matrix-js-sdk/src/client";
 import {MatrixEvent} from "matrix-js-sdk/src/models/event";
 import { _t } from "../../../languageHandler";
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import {formatFullDate} from "../../../DateUtils";
+import SettingsStore from "../../../settings/SettingsStore";
 
 interface IProps {
     mxEvent: MatrixEvent;
@@ -36,8 +38,12 @@ const RedactedBody = React.forwardRef<any, IProps>(({mxEvent}, ref) => {
         text = _t("Message deleted by %(name)s", { name: sender ? sender.name : redactedBecauseUserId });
     }
 
+    const showTwelveHour = SettingsStore.getValue("showTwelveHourTimestamps");
+    const fullDate = formatFullDate(new Date(unsigned.redacted_because.origin_server_ts), showTwelveHour);
+    const titleText = _t("Message deleted on %(date)s", { date: fullDate });
+
     return (
-        <span className="mx_RedactedBody" ref={ref}>
+        <span className="mx_RedactedBody" ref={ref} title={titleText}>
             { text }
         </span>
     );

src/i18n/strings/en_EN.json

@@ -1427,6 +1427,7 @@
     "<reactors/><reactedWith>reacted with %(shortName)s</reactedWith>": "<reactors/><reactedWith>reacted with %(shortName)s</reactedWith>",
     "Message deleted": "Message deleted",
     "Message deleted by %(name)s": "Message deleted by %(name)s",
+    "Message deleted on %(date)s": "Message deleted on %(date)s",
     "%(senderDisplayName)s changed the avatar for %(roomName)s": "%(senderDisplayName)s changed the avatar for %(roomName)s",
     "%(senderDisplayName)s removed the room avatar.": "%(senderDisplayName)s removed the room avatar.",
     "%(senderDisplayName)s changed the room avatar to <img/>": "%(senderDisplayName)s changed the room avatar to <img/>",