External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: tiered processing feedback and upload progress indicator

Browse Source
This commit is contained in:
SnapOtter
2026-06-14 19:27:59 +08:00
parent 56cd843482
commit 433d59c726
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/pages/tool-page.tsx
+5 -2
View File
@@ -525,6 +525,7 @@ export function ToolPage() {
const hasFile = files.length > 0; const hasFile = files.length > 0;
const hasProcessed = !!processedUrl; const hasProcessed = !!processedUrl;
const isProcessing = currentEntry?.status === "processing";
const displayMode = registryEntry.displayMode; const displayMode = registryEntry.displayMode;
const isNoDropzone = displayMode === "no-dropzone"; const isNoDropzone = displayMode === "no-dropzone";
const isLivePreview = registryEntry.livePreview ?? false; const isLivePreview = registryEntry.livePreview ?? false;
@@ -1037,7 +1038,9 @@ export function ToolPage() {
<div aria-live="polite" aria-atomic="true" className="sr-only"> <div aria-live="polite" aria-atomic="true" className="sr-only">
{liveMessage} {liveMessage}
</div> </div>
<div className="flex-1 relative flex items-center justify-center p-4 min-h-0 min-w-0"> <div
className={`flex-1 relative flex items-center justify-center p-4 min-h-0 min-w-0${isProcessing ? " animate-pulse" : ""}`}
>
{renderNavArrows()} {renderNavArrows()}
{renderImageArea()} {renderImageArea()}
</div> </div>
@@ -1136,7 +1139,7 @@ export function ToolPage() {
</div> </div>
<div <div
key={hasProcessed ? `processed-${selectedIndex}` : `pending-${selectedIndex}`} key={hasProcessed ? `processed-${selectedIndex}` : `pending-${selectedIndex}`}
className={`flex-1 relative flex items-center justify-center p-6 min-h-0 min-w-0 ${hasProcessed ? "animate-fade-in" : ""}`} className={`flex-1 relative flex items-center justify-center p-6 min-h-0 min-w-0 ${hasProcessed ? "animate-fade-in" : ""}${isProcessing ? " animate-pulse" : ""}`}
> >
{renderNavArrows()} {renderNavArrows()}
{renderImageArea()} {renderImageArea()}