0.10.2-8 Layout

2026-03-16 09:13:54 +00:00
parent ed44d866df
commit 45b2272f1a
10 changed files with 121 additions and 20 deletions
@@ -866,6 +866,7 @@ export default function DashboardPage({
  const [insertWaitSeconds, setInsertWaitSeconds] = useState(30);
  const toastRef = useRef(null);
  const audiobookFileUploadRef = useRef(null);
+  const [audiobookUploadStatusVisible, setAudiobookUploadStatusVisible] = useState(false);

  const state = String(pipeline?.state || 'IDLE').trim().toUpperCase();
  const currentPipelineJobId = normalizeJobId(pipeline?.activeJobId || pipeline?.context?.jobId);
@@ -1123,6 +1124,19 @@ export default function DashboardPage({
    setExpandedJobId(normalizeJobId(dashboardJobs[0]?.id));
  }, [dashboardJobs, expandedJobId, currentPipelineJobId]);

+  useEffect(() => {
+    if (audiobookUploadPhase === 'idle') {
+      setAudiobookUploadStatusVisible(false);
+      return undefined;
+    }
+    setAudiobookUploadStatusVisible(true);
+    if (audiobookUploadPhase === 'completed') {
+      const timer = setTimeout(() => setAudiobookUploadStatusVisible(false), 5000);
+      return () => clearTimeout(timer);
+    }
+    return undefined;
+  }, [audiobookUploadPhase]);
+
  useEffect(() => {
    if (!currentPipelineJobId || !isProcessing) {
      setLiveJobLog('');
@@ -2531,14 +2545,6 @@ export default function DashboardPage({
                <span className="aax-file-name" title={file.name}>{file.name}</span>
                <small>{options.formatSize}</small>
              </div>
-              <Button
-                label="Hochladen"
-                icon="pi pi-upload"
-                size="small"
-                onClick={() => void handleAudiobookUpload()}
-                loading={audiobookUploadBusy}
-                disabled={audiobookUploadBusy}
-              />
              <Button
                icon="pi pi-times"
                text
@@ -2558,7 +2564,7 @@ export default function DashboardPage({
            </div>
          )}
        />
-        {audiobookUploadPhase !== 'idle' ? (
+        {audiobookUploadStatusVisible ? (
          <div className={`audiobook-upload-status tone-${audiobookUploadStatusTone}`}>
            <div className="audiobook-upload-status-head">
              <strong>{audiobookUploadStatusLabel}</strong>