🌐 Add pt_BR and more translations (#767)

Original PR: https://github.com/baptisteArno/typebot.io/pull/694

---------

Co-authored-by: Daniel Oliveira <daniel.oliveira@kununu.com>
Co-authored-by: Daniel Oliveira <daniel@headdev.com.br>

apps/builder/src/features/blocks/bubbles/audio/components/AudioBubbleForm.tsx

@@ -4,6 +4,7 @@ import { TextInput } from '@/components/inputs'
 import { useState } from 'react'
 import { UploadButton } from '@/components/ImageUploadContent/UploadButton'
 import { SwitchWithLabel } from '@/components/inputs/SwitchWithLabel'
+import { useScopedI18n } from '@/locales'
 
 type Props = {
   fileUploadPath: string
@@ -16,6 +17,7 @@ export const AudioBubbleForm = ({
   content,
   onContentChange,
 }: Props) => {
+  const scopedT = useScopedI18n('editor.blocks.bubbles.audio.settings')
   const [currentTab, setCurrentTab] = useState<'link' | 'upload'>('link')
 
   const updateUrl = (url: string) => onContentChange({ ...content, url })
@@ -31,14 +33,14 @@ export const AudioBubbleForm = ({
           onClick={() => setCurrentTab('upload')}
           size="sm"
         >
-          Upload
+          {scopedT('upload.label')}
         </Button>
         <Button
           variant={currentTab === 'link' ? 'solid' : 'ghost'}
           onClick={() => setCurrentTab('link')}
           size="sm"
         >
-          Embed link
+          {scopedT('embedLink.label')}
         </Button>
       </HStack>
       <Stack p="2" spacing={4}>
@@ -51,25 +53,25 @@ export const AudioBubbleForm = ({
                 onFileUploaded={updateUrl}
                 colorScheme="blue"
               >
-                Choose a file
+                {scopedT('chooseFile.label')}
               </UploadButton>
             </Flex>
           )}
           {currentTab === 'link' && (
             <>
               <TextInput
-                placeholder="Paste the audio file link..."
+                placeholder={scopedT('worksWith.placeholder')}
                 defaultValue={content.url ?? ''}
                 onChange={updateUrl}
               />
               <Text fontSize="sm" color="gray.400" textAlign="center">
-                Works with .MP3s and .WAVs
+                {scopedT('worksWith.text')}
               </Text>
             </>
           )}
         </Stack>
         <SwitchWithLabel
-          label={'Enable autoplay'}
+          label={scopedT('autoplay.label')}
           initialValue={content.isAutoplayEnabled ?? true}
           onCheckChange={updateAutoPlay}
         />

apps/builder/src/features/blocks/bubbles/audio/components/AudioBubbleNode.tsx

@@ -1,14 +1,17 @@
 import { Text } from '@chakra-ui/react'
 import { AudioBubbleContent } from '@typebot.io/schemas'
 import { isDefined } from '@typebot.io/lib'
+import { useScopedI18n } from '@/locales'
 
 type Props = {
   url: AudioBubbleContent['url']
 }
 
-export const AudioBubbleNode = ({ url }: Props) =>
-  isDefined(url) ? (
+export const AudioBubbleNode = ({ url }: Props) => {
+  const scopedT = useScopedI18n('editor.blocks.bubbles.audio.node')
+  return isDefined(url) ? (
     <audio src={url} controls />
   ) : (
-    <Text color={'gray.500'}>Click to edit...</Text>
+    <Text color={'gray.500'}>{scopedT('clickToEdit.text')}</Text>
   )
+}