diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index e05ac83..90f3688 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -2489,6 +2489,34 @@ function InspectionModal({ checklist, user, onClose, onComplete }) { const visibleQuestions = getVisibleQuestions() const currentQuestion = visibleQuestions[currentQuestionIndex] + // Barra de navegación de preguntas + const QuestionNavigator = () => ( +
+ {visibleQuestions.map((q, idx) => { + const answered = answers[q.id]?.value + let base = 'w-10 h-10 rounded-full border shadow-lg flex items-center justify-center text-lg font-bold transition-all select-none'; + let style = ''; + if (idx === currentQuestionIndex) { + style = 'bg-blue-900 text-white border-blue-900 scale-110'; + } else if (answered) { + style = 'bg-green-700 text-white border-green-800'; + } else { + style = 'bg-gray-700 text-white border-gray-900'; + } + return ( + + ) + })} +
+ ) + return (
@@ -2683,6 +2711,8 @@ function InspectionModal({ checklist, user, onClose, onComplete }) { {step === 2 && currentQuestion && (
+ {/* Barra de navegación de preguntas */} +
Sección: {currentQuestion.section}