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 (