Migrate more strings to translation keys (#11637)

Author: t3chguy

src/autocomplete/CommandProvider.tsx

@@ -104,15 +104,15 @@ export default class CommandProvider extends AutocompleteProvider {
  }
 
  public getName(): string {
- return "*️⃣ " + _t("Commands");
+ return "*️⃣ " + _t("composer|autocomplete|command_description");
  }
 
  public renderCompletions(completions: React.ReactNode[]): React.ReactNode {
  return (
  <div
  className="mx_Autocomplete_Completion_container_pill"
  role="presentation"
- aria-label={_t("Command Autocomplete")}
+ aria-label={_t("composer|autocomplete|command_a11y")}
  >
  {completions}
  </div>

src/autocomplete/EmojiProvider.tsx

@@ -184,7 +184,7 @@ export default class EmojiProvider extends AutocompleteProvider {
  <div
  className="mx_Autocomplete_Completion_container_pill"
  role="presentation"
- aria-label={_t("Emoji Autocomplete")}
+ aria-label={_t("composer|autocomplete|emoji_a11y")}
  >
  {completions}
  </div>

src/autocomplete/NotifProvider.tsx

@@ -55,7 +55,7 @@ export default class NotifProvider extends AutocompleteProvider {
  type: "at-room",
  suffix: " ",
  component: (
- <PillCompletion title="@room" description={_t("Notify the whole room")}>
+ <PillCompletion title="@room" description={_t("composer|autocomplete|@room_description")}>
  <RoomAvatar size="24px" room={this.room} />
  </PillCompletion>
  ),
@@ -67,15 +67,15 @@ export default class NotifProvider extends AutocompleteProvider {
  }
 
  public getName(): string {
- return "❗️ " + _t("Room Notification");
+ return "❗️ " + _t("composer|autocomplete|notification_description");
  }
 
  public renderCompletions(completions: React.ReactNode[]): React.ReactNode {
  return (
  <div
  className="mx_Autocomplete_Completion_container_pill mx_Autocomplete_Completion_container_truncate"
  role="presentation"
- aria-label={_t("Notification Autocomplete")}
+ aria-label={_t("composer|autocomplete|notification_a11y")}
  >
  {completions}
  </div>

src/autocomplete/RoomProvider.tsx

@@ -142,7 +142,7 @@ export default class RoomProvider extends AutocompleteProvider {
  <div
  className="mx_Autocomplete_Completion_container_pill mx_Autocomplete_Completion_container_truncate"
  role="presentation"
- aria-label={_t("Room Autocomplete")}
+ aria-label={_t("composer|autocomplete|room_a11y")}
  >
  {completions}
  </div>

src/autocomplete/SpaceProvider.tsx

@@ -38,7 +38,7 @@ export default class SpaceProvider extends RoomProvider {
  <div
  className="mx_Autocomplete_Completion_container_pill mx_Autocomplete_Completion_container_truncate"
  role="listbox"
- aria-label={_t("Space Autocomplete")}
+ aria-label={_t("composer|autocomplete|space_a11y")}
  >
  {completions}
  </div>

src/autocomplete/UserProvider.tsx

@@ -146,7 +146,7 @@ export default class UserProvider extends AutocompleteProvider {
  }
 
  public getName(): string {
- return _t("Users");
+ return _t("composer|autocomplete|user_description");
  }
 
  private makeUsers(): void {
@@ -186,7 +186,7 @@ export default class UserProvider extends AutocompleteProvider {
  <div
  className="mx_Autocomplete_Completion_container_pill"
  role="presentation"
- aria-label={_t("User Autocomplete")}
+ aria-label={_t("composer|autocomplete|user_a11y")}
  >
  {completions}
  </div>

src/components/structures/FileDropTarget.tsx

@@ -119,7 +119,7 @@ const FileDropTarget: React.FC<IProps> = ({ parent, onFileDrop }) => {
  className="mx_FileDropTarget_image"
  alt=""
  />
- {_t("Drop file here to upload")}
+ {_t("room|drop_file_prompt")}
  </div>
  );
  }

src/components/structures/FilePanel.tsx

@@ -231,7 +231,7 @@ class FilePanel extends React.Component<IProps, IState> {
  <BaseCard className="mx_FilePanel mx_RoomView_messageListWrapper" onClose={this.props.onClose}>
  <div className="mx_RoomView_empty">
  {_t(
- "You must <a>register</a> to use this functionality",
+ "file_panel|guest_note",
  {},
  {
  a: (sub) => (
@@ -247,7 +247,7 @@ class FilePanel extends React.Component<IProps, IState> {
  } else if (this.noRoom) {
  return (
  <BaseCard className="mx_FilePanel mx_RoomView_messageListWrapper" onClose={this.props.onClose}>
- <div className="mx_RoomView_empty">{_t("You must join the room to see its files")}</div>
+ <div className="mx_RoomView_empty">{_t("file_panel|peek_note")}</div>
  </BaseCard>
  );
  }
@@ -256,8 +256,8 @@ class FilePanel extends React.Component<IProps, IState> {
 
  const emptyState = (
  <div className="mx_RightPanel_empty mx_FilePanel_empty">
- <h2>{_t("No files visible in this room")}</h2>
- <p>{_t("Attach files from chat or just drag and drop them anywhere in a room.")}</p>
+ <h2>{_t("file_panel|empty_heading")}</h2>
+ <p>{_t("file_panel|empty_description")}</p>
  </div>
  );
 

src/components/structures/MatrixChat.tsx

@@ -515,12 +515,8 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
  const normalFontSize = "15px";
 
  const waitText = _t("Wait!");
- const scamText = _t(
- "If someone told you to copy/paste something here, there is a high likelihood you're being scammed!",
- );
- const devText = _t(
- "If you know what you're doing, Element is open-source, be sure to check out our GitHub (https://github.com/vector-im/element-web/) and contribute!",
- );
+ const scamText = _t("console_scam_warning");
+ const devText = _t("console_dev_note");
 
  global.mx_rage_logger.bypassRageshake(
  "log",

src/components/structures/MessagePanel.tsx

@@ -1232,9 +1232,9 @@ class CreationGrouper extends BaseGrouper {
  const roomId = ev.getRoomId();
  const creator = ev.sender?.name ?? ev.getSender();
  if (roomId && DMRoomMap.shared().getUserIdForRoomId(roomId)) {
- summaryText = _t("%(creator)s created this DM.", { creator });
+ summaryText = _t("timeline|creation_summary_dm", { creator });
  } else {
- summaryText = _t("%(creator)s created and configured the room.", { creator });
+ summaryText = _t("timeline|creation_summary_room", { creator });
  }
 
  ret.push(<NewRoomIntro key="newroomintro" />);