From 95d8279f9c6d677089a52d8f818d9d5b07ef8fe1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alessandro=20Gon=C3=A7aalves?= <suporte.appeduca@gmail.com>
Date: Tue, 9 Dec 2025 11:41:39 -0300
Subject: [PATCH] fix: ajuste no filtro

---
 src/app/dre-entidade/teste.tsx |  2 +-
 src/app/dre-filial/teste.tsx   | 68 +++++++++++++++++++---------------
 2 files changed, 39 insertions(+), 31 deletions(-)

diff --git a/src/app/dre-entidade/teste.tsx b/src/app/dre-entidade/teste.tsx
index 1bc9c2b..6310086 100644
--- a/src/app/dre-entidade/teste.tsx
+++ b/src/app/dre-entidade/teste.tsx
@@ -2368,7 +2368,7 @@ export default function Teste() {
                           ))}
                         </SelectContent>
                       </Select>
-            </div>
+                    </div>
                     <div>
                       <Label htmlFor="periodo-ate" className="text-xs text-gray-500">ATÉ</Label>
                       <Select value={filtros.periodoAte} onValueChange={(value) => handleFiltroChange('periodoAte', value)}>
diff --git a/src/app/dre-filial/teste.tsx b/src/app/dre-filial/teste.tsx
index dfc2ebc..9a849e1 100644
--- a/src/app/dre-filial/teste.tsx
+++ b/src/app/dre-filial/teste.tsx
@@ -917,41 +917,48 @@ export default function Teste() {
                   Filtros
                 </Button>
               </SheetTrigger>
-              <SheetContent className="w-[400px] sm:w-[540px] overflow-y-auto">
+              <SheetContent className="w-[400px] sm:w-[540px] flex flex-col">
                 <SheetHeader>
                   <SheetTitle>Filtros</SheetTitle>
                   <SheetDescription>
-                    Configure os filtros para visualizar os dados do DRE Filial
+                    Ajuste os critérios e clique em Pesquisar para atualizar a visão.
                   </SheetDescription>
                 </SheetHeader>
-
-                 <div className="grid gap-4 py-4">
-                   {/* Período */}
-                   <div className="grid gap-2">
-                     <Label>Período</Label>
-                     <div className="flex items-end gap-4">
-                       <div className="flex-1 grid gap-1">
-                         <Label htmlFor="periodo-de" className="text-xs text-gray-600 font-normal">DE</Label>
-                         <Input
-                           id="periodo-de"
-                           type="month"
-                           value={filtros.periodoDe}
-                           onChange={(e) => setFiltros(prev => ({ ...prev, periodoDe: e.target.value }))}
-                           className="h-9"
-                         />
-                       </div>
-                       <div className="flex-1 grid gap-1">
-                         <Label htmlFor="periodo-ate" className="text-xs text-gray-600 font-normal">ATÉ</Label>
-                         <Input
-                           id="periodo-ate"
-                           type="month"
-                           value={filtros.periodoAte}
-                           onChange={(e) => setFiltros(prev => ({ ...prev, periodoAte: e.target.value }))}
-                           className="h-9"
-                         />
-                       </div>
-                     </div>
-                   </div>
+                
+                <div className="flex-1 overflow-y-auto pr-2">
+                  <div className="grid gap-3 py-2">
+                    {/* Período */}
+                    <div className="grid gap-2">
+                      <Label>Período</Label>
+                      <div className="grid grid-cols-2 gap-2">
+                        <div>
+                          <Label htmlFor="periodo-de" className="text-xs text-gray-500">DE</Label>
+                          <Select value={filtros.periodoDe} onValueChange={(value) => setFiltros(prev => ({ ...prev, periodoDe: value }))}>
+                            <SelectTrigger>
+                              <SelectValue placeholder="Selecione" />
+                            </SelectTrigger>
+                            <SelectContent>
+                              {mesesDisponiveis.map(mes => (
+                                <SelectItem key={mes} value={mes}>{mes}</SelectItem>
+                              ))}
+                            </SelectContent>
+                          </Select>
+                        </div>
+                        <div>
+                          <Label htmlFor="periodo-ate" className="text-xs text-gray-500">ATÉ</Label>
+                          <Select value={filtros.periodoAte} onValueChange={(value) => setFiltros(prev => ({ ...prev, periodoAte: value }))}>
+                            <SelectTrigger>
+                              <SelectValue placeholder="Selecione" />
+                            </SelectTrigger>
+                            <SelectContent>
+                              {mesesDisponiveis.map(mes => (
+                                <SelectItem key={mes} value={mes}>{mes}</SelectItem>
+                              ))}
+                            </SelectContent>
+                          </Select>
+                        </div>
+                      </div>
+                    </div>
 
                   {/* Grupo */}
                   <div className="grid gap-2">
@@ -1030,6 +1037,7 @@ export default function Teste() {
                       </div>
                     )}
                   </div>
+                  </div>
                 </div>
 
                 <SheetFooter className="flex gap-2 mt-4 border-t pt-4">