Add altText prop to Toast

We changed things so we could insert React elements into the content field.

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"

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>
       )}

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}`)}