From 8730a8f5a3c62e224c549226beb8fdb5dc80bf60 Mon Sep 17 00:00:00 2001
From: NANDO9322 <andre.fr93@gmail.com>
Date: Tue, 10 Feb 2026 16:56:09 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20corrigido=20filtros=20por=20status=20(Pr?=
 =?UTF-8?q?=C3=A9-venda/Finalizada)=20no=20Dashboard.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/EventFiltersBar.tsx | 37 +++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/frontend/components/EventFiltersBar.tsx b/frontend/components/EventFiltersBar.tsx
index 4f6e013..7790c32 100644
--- a/frontend/components/EventFiltersBar.tsx
+++ b/frontend/components/EventFiltersBar.tsx
@@ -7,6 +7,7 @@ export interface EventFilters {
   type: string;
   company: string;
   institution: string;
+  fotStatus?: string; // New field
 }
 
 interface EventFiltersBarProps {
@@ -31,6 +32,7 @@ export const EventFiltersBar: React.FC<EventFiltersBarProps> = ({
       type: "",
       company: "",
       institution: "",
+      fotStatus: "",
     });
   };
 
@@ -54,7 +56,7 @@ export const EventFiltersBar: React.FC<EventFiltersBarProps> = ({
         )}
       </div>
 
-      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-3">
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-3">
         {/* Filtro por FOT */}
         <div className="flex flex-col">
           <label className="text-xs font-medium text-gray-600 mb-1 flex items-center gap-1">
@@ -90,6 +92,26 @@ export const EventFiltersBar: React.FC<EventFiltersBarProps> = ({
           />
         </div>
 
+        {/* Filtro por Status da Turma */}
+        <div className="flex flex-col">
+          <label className="text-xs font-medium text-gray-600 mb-1 flex items-center gap-1">
+            <Filter size={14} className="text-brand-gold" />
+            Status da Turma
+          </label>
+          <select
+            value={filters.fotStatus || ""}
+            onChange={(e) =>
+              onFilterChange({ ...filters, fotStatus: e.target.value })
+            }
+            className="px-3 py-2 border border-gray-300 rounded text-sm focus:outline-none focus:border-brand-gold transition-colors bg-white"
+          >
+            <option value="">Todos</option>
+            <option value="normal">Normal</option>
+            <option value="pre_venda">Pré-Venda</option>
+            <option value="finalizada">Finalizada</option>
+          </select>
+        </div>
+
         {/* Filtro por Tipo */}
         <div className="flex flex-col">
           <label className="text-xs font-medium text-gray-600 mb-1 flex items-center gap-1">
@@ -209,7 +231,7 @@ export const EventFiltersBar: React.FC<EventFiltersBarProps> = ({
                 </button>
               </span>
             )}
-             {filters.institution && (
+            {filters.institution && (
               <span className="inline-flex items-center gap-1 px-2 py-1 bg-brand-gold/10 text-brand-gold text-xs rounded">
                 Inst: {filters.institution}
                 <button
@@ -220,6 +242,17 @@ export const EventFiltersBar: React.FC<EventFiltersBarProps> = ({
                 </button>
               </span>
             )}
+            {filters.fotStatus && (
+              <span className="inline-flex items-center gap-1 px-2 py-1 bg-brand-gold/10 text-brand-gold text-xs rounded">
+                Status: {filters.fotStatus === 'pre_venda' ? 'Pré-Venda' : filters.fotStatus === 'finalizada' ? 'Finalizada' : 'Normal'}
+                <button
+                  onClick={() => onFilterChange({ ...filters, fotStatus: "" })}
+                  className="hover:text-brand-black"
+                >
+                  <X size={12} />
+                </button>
+              </span>
+            )}
           </div>
         </div>
       )}