[Video] Error banner improvements (#5163)
This commit is contained in:
parent
18133483fe
commit
55468595d0
2 changed files with 137 additions and 85 deletions
|
@ -5,6 +5,7 @@ import {msg} from '@lingui/macro'
|
|||
import {useLingui} from '@lingui/react'
|
||||
import {QueryClient, useQuery, useQueryClient} from '@tanstack/react-query'
|
||||
|
||||
import {AbortError} from '#/lib/async/cancelable'
|
||||
import {SUPPORTED_MIME_TYPES, SupportedMimeTypes} from '#/lib/constants'
|
||||
import {logger} from '#/logger'
|
||||
import {isWeb} from '#/platform/detection'
|
||||
|
@ -39,6 +40,8 @@ export interface State {
|
|||
pendingPublish?: {blobRef: BlobRef; mutableProcessed: boolean}
|
||||
}
|
||||
|
||||
export type VideoUploadDispatch = (action: Action) => void
|
||||
|
||||
function reducer(queryClient: QueryClient) {
|
||||
return (state: State, action: Action): State => {
|
||||
let updatedState = state
|
||||
|
@ -144,8 +147,9 @@ export function useUploadVideo({
|
|||
setJobId(response.jobId)
|
||||
},
|
||||
onError: e => {
|
||||
logger.error('Error uploading video', {safeMessage: e})
|
||||
if (e instanceof ServerError) {
|
||||
if (e instanceof AbortError) {
|
||||
return
|
||||
} else if (e instanceof ServerError) {
|
||||
dispatch({
|
||||
type: 'SetError',
|
||||
error: e.message,
|
||||
|
@ -176,8 +180,9 @@ export function useUploadVideo({
|
|||
onVideoCompressed(video)
|
||||
},
|
||||
onError: e => {
|
||||
logger.error('Error uploading video', {safeMessage: e})
|
||||
if (e instanceof VideoTooLargeError) {
|
||||
if (e instanceof AbortError) {
|
||||
return
|
||||
} else if (e instanceof VideoTooLargeError) {
|
||||
dispatch({
|
||||
type: 'SetError',
|
||||
error: _(msg`The selected video is larger than 100MB.`),
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue