Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-07 22:10:21 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(video): enhance video error handling with retry options

Browse Source 
Add retry and redownload buttons for failed video loading states
Improve error message display with detailed failure reason
This commit is contained in:
icarus 2025-10-12 03:44:16 +08:00
parent 46221985bd
commit 82ad9e15e2
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/src/i18n/locales/en-us.json
View File

@ -1014,10 +1014,12 @@
"prompt": "Prompt", "prompt": "Prompt",
"provider": "Provider", "provider": "Provider",
"reasoning_content": "Deep reasoning", "reasoning_content": "Deep reasoning",
"redownload": "Redownload",
"refresh": "Refresh", "refresh": "Refresh",
"regenerate": "Regenerate", "regenerate": "Regenerate",
"rename": "Rename", "rename": "Rename",
"reset": "Reset", "reset": "Reset",
"retry": "Retry",
"save": "Save", "save": "Save",
"saved": "Saved", "saved": "Saved",
"search": "Search", "search": "Search",
@ -4648,7 +4650,10 @@
"video": { "video": {
"error": { "error": {
"invalid": "Invalid video", "invalid": "Invalid video",
"load": "Failed to load the video" "load": {
"message": "Failed to load the video",
"reason": "The file may be corrupted or has been deleted externally."
}
}, },
"prompt": { "prompt": {
"placeholder": "describes the video to generate" "placeholder": "describes the video to generate"

12
src/renderer/src/pages/video/VideoViewer.tsx
View File

@ -1,4 +1,4 @@
import { Progress, Radio, RadioGroup, Spinner } from '@heroui/react' import { Button, Progress, Radio, RadioGroup, Spinner } from '@heroui/react'
import { Video, VideoStatus } from '@renderer/types/video' import { Video, VideoStatus } from '@renderer/types/video'
import { CheckCircleIcon, CircleXIcon } from 'lucide-react' import { CheckCircleIcon, CircleXIcon } from 'lucide-react'
import { useState } from 'react' import { useState } from 'react'
@ -85,12 +85,20 @@ export const VideoViewer = ({ video: _video }: VideoProps) => {
<div className="flex h-full w-full flex-col items-center justify-center rounded-2xl bg-danger-200"> <div className="flex h-full w-full flex-col items-center justify-center rounded-2xl bg-danger-200">
<CircleXIcon size={64} className="fill-danger text-danger-200" /> <CircleXIcon size={64} className="fill-danger text-danger-200" />
<span className="font-bold text-2xl">{t('video.status.failed')}</span> <span className="font-bold text-2xl">{t('video.status.failed')}</span>
<div className="my-2 flex justify-between gap-2">
<Button onPress={() => window.toast.info('Not implemented')}>{t('common.detail')}</Button>
<Button onPress={() => window.toast.info('Not implemented')}>{t('common.retry')}</Button>
</div>
</div> </div>
)} )}
{video && video.status === 'downloaded' && loadSuccess === false && ( {video && video.status === 'downloaded' && loadSuccess === false && (
<div className="flex h-full w-full flex-col items-center justify-center rounded-2xl bg-danger-200"> <div className="flex h-full w-full flex-col items-center justify-center rounded-2xl bg-danger-200">
<CircleXIcon size={64} className="fill-danger text-danger-200" /> <CircleXIcon size={64} className="fill-danger text-danger-200" />
<span className="font-bold text-2xl">{t('video.error.load')}</span> <span className="font-bold text-2xl">{t('video.error.load.message')}</span>
<span>{t('video.error.load.reason')}</span>
<div className="my-2 flex justify-between gap-2">
<Button onPress={() => window.toast.info('Not implemented')}>{t('common.redownload')}</Button>
</div>
</div> </div>
)} )}
</div> </div>