From 99a4758dc8b9b18b077d01be2a24489e38625c86 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 23 Jun 2025 22:40:18 +0000
Subject: [PATCH] Fix: Remove duplicate menu in other pages

The menu is duplicated in all pages except the "avisos" page. This commit removes the duplicated menu.
---
 src/pages/AvisosContas.tsx |   2 +-
 src/pages/Categorias.tsx   | 221 ++++++++++++++++++-------------------
 2 files changed, 110 insertions(+), 113 deletions(-)

diff --git a/src/pages/AvisosContas.tsx b/src/pages/AvisosContas.tsx
index 5a0e879..1830f3c 100644
--- a/src/pages/AvisosContas.tsx
+++ b/src/pages/AvisosContas.tsx
@@ -10,7 +10,7 @@ const AvisosContas = () => {
   const [showForm, setShowForm] = useState(false);
 
   return (
-    <div className="container mx-auto p-6 space-y-6">
+    <div className="space-y-6">
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-3xl font-bold text-gray-900">Avisos de Contas a Pagar</h1>
diff --git a/src/pages/Categorias.tsx b/src/pages/Categorias.tsx
index 65ed9a1..7545a39 100644
--- a/src/pages/Categorias.tsx
+++ b/src/pages/Categorias.tsx
@@ -1,4 +1,3 @@
-
 import { useState, useEffect } from 'react';
 import Layout from '@/components/layout/Layout';
 import { CardSpotlight } from '@/components/ui/card-spotlight';
@@ -78,128 +77,126 @@ const CategoriasPage = () => {
   const totalGastos = categories.reduce((total, category) => total + category.valor, 0);
 
   return (
-    <Layout>
-      <div className="space-y-6">
-        <div className="flex justify-between items-center">
-          <h1 className="text-2xl font-bold tracking-tight">Categorias</h1>
-          <div className="flex items-center gap-2">
-            <span className="text-sm text-muted-foreground">Filtrar por:</span>
-            <Select value={tipoFiltro} onValueChange={handleTipoChange}>
-              <SelectTrigger className="w-[180px]">
-                <SelectValue placeholder="Tipo de transação" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="despesa">Despesas</SelectItem>
-                <SelectItem value="receita">Receitas</SelectItem>
-                <SelectItem value="all">Todos</SelectItem>
-              </SelectContent>
-            </Select>
-          </div>
+    <div className="space-y-6">
+      <div className="flex justify-between items-center">
+        <h1 className="text-2xl font-bold tracking-tight">Categorias</h1>
+        <div className="flex items-center gap-2">
+          <span className="text-sm text-muted-foreground">Filtrar por:</span>
+          <Select value={tipoFiltro} onValueChange={handleTipoChange}>
+            <SelectTrigger className="w-[180px]">
+              <SelectValue placeholder="Tipo de transação" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="despesa">Despesas</SelectItem>
+              <SelectItem value="receita">Receitas</SelectItem>
+              <SelectItem value="all">Todos</SelectItem>
+            </SelectContent>
+          </Select>
         </div>
+      </div>
 
-        {isLoading ? (
+      {isLoading ? (
+        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+          {[1, 2, 3, 4, 5, 6].map((i) => (
+            <CardSpotlight key={i} className="animate-pulse">
+              <div className="pb-2">
+                <div className="h-5 bg-muted rounded w-1/2"></div>
+              </div>
+              <div>
+                <div className="h-4 bg-muted rounded w-1/4 mb-3"></div>
+                <div className="h-2 bg-muted rounded"></div>
+              </div>
+            </CardSpotlight>
+          ))}
+        </div>
+      ) : categories.length === 0 ? (
+        <CardSpotlight>
+          <div className="py-10 text-center">
+            <p className="text-muted-foreground">Nenhuma categoria encontrada</p>
+            <p className="mt-2 text-sm">
+              {tipoFiltro === 'despesa' 
+                ? 'Verifique se existem transações do tipo "despesa" cadastradas'
+                : tipoFiltro === 'receita' 
+                  ? 'Verifique se existem transações do tipo "receita" cadastradas'
+                  : 'Verifique se existem transações cadastradas'}
+            </p>
+          </div>
+        </CardSpotlight>
+      ) : (
+        <>
           <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-            {[1, 2, 3, 4, 5, 6].map((i) => (
-              <CardSpotlight key={i} className="animate-pulse">
+            {categories.map((category) => (
+              <CardSpotlight key={category.categoria} className="relative z-10">
                 <div className="pb-2">
-                  <div className="h-5 bg-muted rounded w-1/2"></div>
+                  <div className="text-base flex items-center font-semibold relative z-20">
+                    <span
+                      className="w-3 h-3 rounded-full mr-2"
+                      style={{ backgroundColor: category.color }}
+                    />
+                    {category.categoria}
+                  </div>
                 </div>
-                <div>
-                  <div className="h-4 bg-muted rounded w-1/4 mb-3"></div>
-                  <div className="h-2 bg-muted rounded"></div>
+                <div className="relative z-20">
+                  <div className="text-2xl font-bold mb-2">
+                    {formatCurrency(category.valor)}
+                  </div>
+                  <div className="space-y-2">
+                    <Progress 
+                      value={category.percentage * 100} 
+                      className="h-2"
+                      style={{ 
+                        backgroundColor: 'rgba(0,0,0,0.1)',  
+                        '--progress-background': category.color 
+                      } as React.CSSProperties}
+                    />
+                    <div className="text-xs text-muted-foreground">
+                      {(category.percentage * 100).toFixed(1)}% do total
+                    </div>
+                  </div>
                 </div>
               </CardSpotlight>
             ))}
           </div>
-        ) : categories.length === 0 ? (
-          <CardSpotlight>
-            <div className="py-10 text-center">
-              <p className="text-muted-foreground">Nenhuma categoria encontrada</p>
-              <p className="mt-2 text-sm">
-                {tipoFiltro === 'despesa' 
-                  ? 'Verifique se existem transações do tipo "despesa" cadastradas'
-                  : tipoFiltro === 'receita' 
-                    ? 'Verifique se existem transações do tipo "receita" cadastradas'
-                    : 'Verifique se existem transações cadastradas'}
-              </p>
+          
+          <CardSpotlight className="mt-6">
+            <div>
+              <h3 className="text-xl font-bold mb-4 relative z-20">Resumo de Categorias {tipoFiltro !== 'all' ? (tipoFiltro === 'despesa' ? '(Despesas)' : '(Receitas)') : ''}</h3>
+            </div>
+            <div className="relative z-20">
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>Categoria</TableHead>
+                    <TableHead>Valor</TableHead>
+                    <TableHead>Percentual</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {categories.map((category) => (
+                    <TableRow key={category.categoria}>
+                      <TableCell className="font-medium flex items-center">
+                        <span
+                          className="w-3 h-3 rounded-full mr-2" 
+                          style={{ backgroundColor: category.color }}
+                        />
+                        {category.categoria}
+                      </TableCell>
+                      <TableCell>{formatCurrency(category.valor)}</TableCell>
+                      <TableCell>{(category.percentage * 100).toFixed(1)}%</TableCell>
+                    </TableRow>
+                  ))}
+                  <TableRow className="bg-muted/50">
+                    <TableCell className="font-bold">Total</TableCell>
+                    <TableCell className="font-bold">{formatCurrency(totalGastos)}</TableCell>
+                    <TableCell>100%</TableCell>
+                  </TableRow>
+                </TableBody>
+              </Table>
             </div>
           </CardSpotlight>
-        ) : (
-          <>
-            <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-              {categories.map((category) => (
-                <CardSpotlight key={category.categoria} className="relative z-10">
-                  <div className="pb-2">
-                    <div className="text-base flex items-center font-semibold relative z-20">
-                      <span
-                        className="w-3 h-3 rounded-full mr-2"
-                        style={{ backgroundColor: category.color }}
-                      />
-                      {category.categoria}
-                    </div>
-                  </div>
-                  <div className="relative z-20">
-                    <div className="text-2xl font-bold mb-2">
-                      {formatCurrency(category.valor)}
-                    </div>
-                    <div className="space-y-2">
-                      <Progress 
-                        value={category.percentage * 100} 
-                        className="h-2"
-                        style={{ 
-                          backgroundColor: 'rgba(0,0,0,0.1)',  
-                          '--progress-background': category.color 
-                        } as React.CSSProperties}
-                      />
-                      <div className="text-xs text-muted-foreground">
-                        {(category.percentage * 100).toFixed(1)}% do total
-                      </div>
-                    </div>
-                  </div>
-                </CardSpotlight>
-              ))}
-            </div>
-            
-            <CardSpotlight className="mt-6">
-              <div>
-                <h3 className="text-xl font-bold mb-4 relative z-20">Resumo de Categorias {tipoFiltro !== 'all' ? (tipoFiltro === 'despesa' ? '(Despesas)' : '(Receitas)') : ''}</h3>
-              </div>
-              <div className="relative z-20">
-                <Table>
-                  <TableHeader>
-                    <TableRow>
-                      <TableHead>Categoria</TableHead>
-                      <TableHead>Valor</TableHead>
-                      <TableHead>Percentual</TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {categories.map((category) => (
-                      <TableRow key={category.categoria}>
-                        <TableCell className="font-medium flex items-center">
-                          <span
-                            className="w-3 h-3 rounded-full mr-2" 
-                            style={{ backgroundColor: category.color }}
-                          />
-                          {category.categoria}
-                        </TableCell>
-                        <TableCell>{formatCurrency(category.valor)}</TableCell>
-                        <TableCell>{(category.percentage * 100).toFixed(1)}%</TableCell>
-                      </TableRow>
-                    ))}
-                    <TableRow className="bg-muted/50">
-                      <TableCell className="font-bold">Total</TableCell>
-                      <TableCell className="font-bold">{formatCurrency(totalGastos)}</TableCell>
-                      <TableCell>100%</TableCell>
-                    </TableRow>
-                  </TableBody>
-                </Table>
-              </div>
-            </CardSpotlight>
-          </>
-        )}
-      </div>
-    </Layout>
+        </>
+      )}
+    </div>
   );
 };