diff --git a/src/components/image-editor/ImageCanvasAssetRowView.tsx b/src/components/image-editor/ImageCanvasAssetRowView.tsx index ef8a067c0..d22d5fa87 100644 --- a/src/components/image-editor/ImageCanvasAssetRowView.tsx +++ b/src/components/image-editor/ImageCanvasAssetRowView.tsx @@ -2,6 +2,7 @@ import { Check, Download, Pencil, Video, X } from 'lucide-react'; import type { Dispatch, MouseEvent as ReactMouseEvent, + ReactNode, SetStateAction, } from 'react'; import { useCallback, useEffect, useRef, useState } from 'react'; @@ -230,48 +231,57 @@ export function ImageCanvasAssetRowView({ }} /> ) : undefined; - const actions = isAssetSelectionMode ? undefined : isUploadingAsset ? ( -
- {asset.uploadMessage ?? '上传中'} - {Math.round(uploadProgress)}% -
- ) : isRenaming ? ( -
- commitAssetRename(asset)} - /> - setRenamingAsset(null)} - /> -
- ) : ( -
- { - closeMenu(); - onDownloadAsset(asset); - }} - /> - { - closeMenu(); - startRenamingAsset(asset); - }} - /> -
- ); + let actions: ReactNode; + if (isAssetSelectionMode) { + actions = undefined; + } else if (isUploadingAsset) { + actions = ( +
+ {asset.uploadMessage ?? '上传中'} + {Math.round(uploadProgress)}% +
+ ); + } else if (isRenaming) { + actions = ( +
+ commitAssetRename(asset)} + /> + setRenamingAsset(null)} + /> +
+ ); + } else { + actions = ( +
+ { + closeMenu(); + onDownloadAsset(asset); + }} + /> + { + closeMenu(); + startRenamingAsset(asset); + }} + /> +
+ ); + } return (