2
0

🚸 (fileUpload) Add clear and skip button labels customization

This commit is contained in:
Baptiste Arnaud
2023-01-20 08:12:59 +01:00
parent aa32fe782f
commit f697a5e99c
5 changed files with 54 additions and 26 deletions

View File

@ -2,7 +2,7 @@ import { Spinner, SendButton } from '@/components/SendButton'
import { useAnswers } from '@/providers/AnswersProvider'
import { useTypebot } from '@/providers/TypebotProvider'
import { InputSubmitContent } from '@/types'
import { FileInputBlock } from 'models'
import { defaultFileInputOptions, FileInputBlock } from 'models'
import React, { ChangeEvent, FormEvent, useState, DragEvent } from 'react'
import { uploadFiles } from 'utils'
@ -181,7 +181,7 @@ export const FileUploadForm = ({
}
onClick={onSkip}
>
Skip
{labels.skip ?? defaultFileInputOptions.labels.skip}
</button>
</div>
)}
@ -195,17 +195,17 @@ export const FileUploadForm = ({
}
onClick={clearFiles}
>
Clear
{labels.clear ?? defaultFileInputOptions.labels.clear}
</button>
)}
<SendButton
type="submit"
label={
labels.button
labels.button === defaultFileInputOptions.labels.button
? `${labels.button} ${selectedFiles.length} file${
selectedFiles.length > 1 ? 's' : ''
}`
: 'Upload'
: labels.button
}
disableIcon
/>