💄 Better toast UI when it doesn't contain details

baptisteArno · Apr 27, 2023 · e827da7 · e827da7 · vercel · Apr 27, 2023
1 parent 9e8acd9
commit e827da7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/apps/builder/src/components/Toast.tsx b/apps/builder/src/components/Toast.tsx
@@ -36,7 +36,7 @@ export const Toast = ({
       shadow="sm"
       fontSize="sm"
       pos="relative"
-      maxW="450px"
+      maxW={details ? '450px' : '300px'}
     >
       <HStack alignItems="flex-start" pr="7" spacing="3" w="full">
         <Icon customIcon={icon} status={status} />{' '}

diff --git a/apps/builder/src/features/templates/components/ImportTypebotFromFileButton.tsx b/apps/builder/src/features/templates/components/ImportTypebotFromFileButton.tsx
@@ -26,6 +26,10 @@ export const ImportTypebotFromFileButton = ({
       console.error(err)
       showToast({
         description: "Failed to parse the file. Are you sure it's a typebot?",
+        details: {
+          content: JSON.stringify(err, null, 2),
+          lang: 'json',
+        },
       })
     }
   }