Migrate more strings to translation keys (#11637)

src/autocomplete/CommandProvider.tsx

@@ -104,7 +104,7 @@ 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 {
@@ -112,7 +112,7 @@ export default class CommandProvider extends AutocompleteProvider {
             <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,7 +67,7 @@ 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 {
@@ -75,7 +75,7 @@ export default class NotifProvider extends AutocompleteProvider {
             <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>