From 6bc887c95b39dfe96a7d3683addfa3b8f38b3909 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 28 Jan 2023 21:29:22 -0800
Subject: [PATCH] Add altText prop to Toast

We changed things so we could insert React elements into the content field.
---
 components/Header/index.tsx      | 2 ++
 components/Toast/index.tsx       | 4 +++-
 components/UpdateToast/index.tsx | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index 66b527c2..7b7c4985 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -225,6 +225,7 @@ const Header = () => {
   const urlCopyToast = () => {
     return (
       <Toast
+        altText={t('toasts.copied')}
         open={copyToastOpen}
         duration={2400}
         type="foreground"
@@ -238,6 +239,7 @@ const Header = () => {
   const remixToast = () => {
     return (
       <Toast
+        altText={t('toasts.remixed', { title: originalName })}
         open={remixToastOpen}
         duration={2400}
         type="foreground"
diff --git a/components/Toast/index.tsx b/components/Toast/index.tsx
index a2b26598..de134ae3 100644
--- a/components/Toast/index.tsx
+++ b/components/Toast/index.tsx
@@ -5,6 +5,7 @@ import * as ToastPrimitive from '@radix-ui/react-toast'
 import './index.scss'
 
 interface Props extends ToastPrimitive.ToastProps {
+  altText: string
   className?: string
   title?: string
   content: React.ReactNode
@@ -12,6 +13,7 @@ interface Props extends ToastPrimitive.ToastProps {
 }
 
 const Toast = ({
+  altText,
   children,
   title,
   content,
@@ -39,7 +41,7 @@ const Toast = ({
         <p>{content}</p>
       </ToastPrimitive.Description>
       {children && (
-        <ToastPrimitive.Action asChild altText="">
+        <ToastPrimitive.Action asChild altText={altText}>
           {children}
         </ToastPrimitive.Action>
       )}
diff --git a/components/UpdateToast/index.tsx b/components/UpdateToast/index.tsx
index 51b6d009..d827abf0 100644
--- a/components/UpdateToast/index.tsx
+++ b/components/UpdateToast/index.tsx
@@ -54,6 +54,7 @@ const UpdateToast = ({
 
   return (
     <Toast
+      altText={t(`toasts.description.${updateType}`)}
       className={classes}
       title={t(`toasts.title`)}
       content={t(`toasts.description.${updateType}`)}