@@ -19,7 +19,7 @@ export interface FooterProps {
19
19
}
20
20
21
21
const Footer = ( { isLoading, hasFiles, errorCode, onCancel, onClose, onUpload, fileLimit, isDone } : FooterProps ) => {
22
- const intl = useIntl ( ) ;
22
+ const { formatMessage } = useIntl ( ) ;
23
23
const isCloseButtonDisabled = hasFiles ;
24
24
const isCancelButtonDisabled = ! hasFiles || isDone ;
25
25
const isUploadButtonDisabled = ! hasFiles ;
@@ -35,24 +35,24 @@ const Footer = ({ isLoading, hasFiles, errorCode, onCancel, onClose, onUpload, f
35
35
< div className = "bcu-footer-left" >
36
36
{ onClose ? (
37
37
< Button disabled = { isCloseButtonDisabled } onClick = { onClose } size = "large" variant = "secondary" >
38
- { intl . formatMessage ( messages . close ) }
38
+ { formatMessage ( messages . close ) }
39
39
</ Button >
40
40
) : null }
41
41
</ div >
42
42
{ message && < div className = "bcu-footer-message" > { message } </ div > }
43
43
< div className = "bcu-footer-right" >
44
44
< Button disabled = { isCancelButtonDisabled } onClick = { onCancel } size = "large" variant = "secondary" >
45
- { intl . formatMessage ( messages . cancel ) }
45
+ { formatMessage ( messages . cancel ) }
46
46
</ Button >
47
47
< Button
48
48
disabled = { isUploadButtonDisabled }
49
49
loading = { isLoading }
50
- loadingAriaLabel = { intl . formatMessage ( messages . loading ) }
50
+ loadingAriaLabel = { formatMessage ( messages . loading ) }
51
51
onClick = { onUpload }
52
52
size = "large"
53
53
variant = "primary"
54
54
>
55
- { intl . formatMessage ( messages . upload ) }
55
+ { formatMessage ( messages . upload ) }
56
56
</ Button >
57
57
</ div >
58
58
</ div >
0 commit comments