salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update ProgressModal.tsx

Browse Source
This commit is contained in:
Desktop
2025-11-11 01:23:39 +05:00
parent 2f0c283e51
commit 92c89a095e
1 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/common/ProgressModal.tsx
View File

@@ -336,8 +336,9 @@ export default function ProgressModal({
return steps.map((step) => { return steps.map((step) => {
const actuallyCompleted = isStepCompleted(step.phase, currentPhase, stepLogs); const actuallyCompleted = isStepCompleted(step.phase, currentPhase, stepLogs);
const visuallyCompleted = visuallyCompletedSteps.has(step.phase); const visuallyCompleted = visuallyCompletedSteps.has(step.phase);
// Only show as in progress if it's the current phase AND not visually completed yet // Don't show any step as in-progress (no blue styling)
const inProgress = step.phase === currentPhase && !visuallyCompleted && !actuallyCompleted; // Steps are either completed (green) or pending (gray)
const inProgress = false;
// Get step log and format message // Get step log and format message
const stepLog = stepLogs.find(log => log.stepName === step.phase); const stepLog = stepLogs.find(log => log.stepName === step.phase);
@@ -510,19 +511,15 @@ export default function ProgressModal({
className={`flex items-center gap-3 p-3 rounded-lg border transition-all ${ className={`flex items-center gap-3 p-3 rounded-lg border transition-all ${
item.completed item.completed
? 'bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800' ? 'bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800'
: item.inProgress
? 'bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800'
: 'bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700 opacity-60' : 'bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700 opacity-60'
}`} }`}
> >
{/* Icon - no spinner in steps, only checkmark or circle */} {/* Icon - only checkmark for completed, gray circle for pending */}
<div className="flex-shrink-0"> <div className="flex-shrink-0">
{item.completed ? ( {item.completed ? (
<svg className="w-5 h-5 text-green-600 dark:text-green-400" fill="currentColor" viewBox="0 0 20 20"> <svg className="w-5 h-5 text-green-600 dark:text-green-400" fill="currentColor" viewBox="0 0 20 20">
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" /> <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
</svg> </svg>
) : item.inProgress ? (
<div className="w-5 h-5 rounded-full border-2 border-blue-500 dark:border-blue-400 bg-blue-50 dark:bg-blue-900/20" />
) : ( ) : (
<div className="w-5 h-5 rounded-full border-2 border-gray-300 dark:border-gray-600" /> <div className="w-5 h-5 rounded-full border-2 border-gray-300 dark:border-gray-600" />
)} )}
@@ -533,8 +530,6 @@ export default function ProgressModal({
className={`flex-1 text-sm font-medium ${ className={`flex-1 text-sm font-medium ${
item.completed item.completed
? 'text-green-800 dark:text-green-300' ? 'text-green-800 dark:text-green-300'
: item.inProgress
? 'text-blue-800 dark:text-blue-300'
: 'text-gray-500 dark:text-gray-400' : 'text-gray-500 dark:text-gray-400'
}`} }`}
> >