Update toast styles to match Figma (#12833)

* Warn users on unsupported browsers before they lack features Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update Learn more link Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update toast styles to match Figma Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove test code Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * update tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-07-30 13:57:15 +01:00
parent a1897583b1
commit b0392b8fc3
29 changed files with 156 additions and 114 deletions
--- a/src/toasts/SetupEncryptionToast.ts
+++ b/src/toasts/SetupEncryptionToast.ts
@@ -114,10 +114,11 @@ export const showToast = (kind: Kind): void => {
        icon: getIcon(kind),
        props: {
            description: getDescription(kind),
-            acceptLabel: getSetupCaption(kind),
-            onAccept,
-            rejectLabel: _t("encryption|verification|unverified_sessions_toast_reject"),
-            onReject,
+            primaryLabel: getSetupCaption(kind),
+            onPrimaryClick: onAccept,
+            secondaryLabel: _t("encryption|verification|unverified_sessions_toast_reject"),
+            onSecondaryClick: onReject,
+            destructive: "secondary",
        },
        component: GenericToast,
        priority: kind === Kind.VERIFY_THIS_SESSION ? 95 : 40,