diff --git a/res/css/_components.scss b/res/css/_components.scss
index 37d0e0d286..ae4b4b23fe 100644
--- a/res/css/_components.scss
+++ b/res/css/_components.scss
@@ -225,6 +225,7 @@
@import "./views/settings/tabs/user/_SecurityUserSettingsTab.scss";
@import "./views/settings/tabs/user/_VoiceUserSettingsTab.scss";
@import "./views/terms/_InlineTermsAgreement.scss";
+@import "./views/toasts/_AnalyticsToast.scss";
@import "./views/toasts/_NonUrgentEchoFailureToast.scss";
@import "./views/verification/_VerificationShowSas.scss";
@import "./views/voip/_CallContainer.scss";
diff --git a/src/components/structures/ToastContainer.tsx b/src/components/structures/ToastContainer.tsx
index 84473031fa..513cca82c3 100644
--- a/src/components/structures/ToastContainer.tsx
+++ b/src/components/structures/ToastContainer.tsx
@@ -55,11 +55,11 @@ export default class ToastContainer extends React.Component<{}, IState> {
let toast;
if (totalCount !== 0) {
const topToast = this.state.toasts[0];
- const {title, icon, key, component, props} = topToast;
+ const {title, icon, key, component, className, props} = topToast;
const toastClasses = classNames("mx_Toast_toast", {
"mx_Toast_hasIcon": icon,
[`mx_Toast_icon_${icon}`]: icon,
- });
+ }, className);
let countIndicator;
if (isStacked || this.state.countSeen > 0) {
diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
index a56e22e5fc..bf07193acf 100644
--- a/src/i18n/strings/en_EN.json
+++ b/src/i18n/strings/en_EN.json
@@ -397,7 +397,7 @@
"Unknown App": "Unknown App",
"Help us improve %(brand)s": "Help us improve %(brand)s",
"Send anonymous usage data which helps us improve %(brand)s. This will use a cookie.": "Send anonymous usage data which helps us improve %(brand)s. This will use a cookie.",
- "I want to help": "I want to help",
+ "Yes": "Yes",
"No": "No",
"Review where you’re logged in": "Review where you’re logged in",
"Verify all your sessions to ensure your account & messages are safe": "Verify all your sessions to ensure your account & messages are safe",
@@ -1355,7 +1355,6 @@
"Verify by emoji": "Verify by emoji",
"Almost there! Is your other session showing the same shield?": "Almost there! Is your other session showing the same shield?",
"Almost there! Is %(displayName)s showing the same shield?": "Almost there! Is %(displayName)s showing the same shield?",
- "Yes": "Yes",
"Verify all users in a room to ensure it's secure.": "Verify all users in a room to ensure it's secure.",
"In encrypted rooms, verify all users to ensure it’s secure.": "In encrypted rooms, verify all users to ensure it’s secure.",
"You've successfully verified your device!": "You've successfully verified your device!",
diff --git a/src/stores/ToastStore.ts b/src/stores/ToastStore.ts
index 038aebc7c9..850c3cb026 100644
--- a/src/stores/ToastStore.ts
+++ b/src/stores/ToastStore.ts
@@ -25,6 +25,7 @@ export interface IToast {
title: string;
icon?: string;
component: C;
+ className?: string;
props?: Omit, "toastKey">; // toastKey is injected by ToastContainer
}
diff --git a/src/toasts/AnalyticsToast.tsx b/src/toasts/AnalyticsToast.tsx
index e0eda5fa48..5a7737b1a6 100644
--- a/src/toasts/AnalyticsToast.tsx
+++ b/src/toasts/AnalyticsToast.tsx
@@ -64,12 +64,13 @@ export const showToast = (policyUrl?: string) => {
) : sub,
},
),
- acceptLabel: _t("I want to help"),
+ acceptLabel: _t("Yes"),
onAccept,
rejectLabel: _t("No"),
onReject,
},
component: GenericToast,
+ className: "mx_AnalyticsToast",
priority: 10,
});
};