luis.felipe/OPEN_CODEX_API
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Code edited in Lovable Code Editor

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 18:32:40 +00:00
parent 9ab3530a80
commit b81e1cf47d
1 changed files with 35 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Layout.tsx
+35 -42
View File
@@ -1,5 +1,5 @@
import { useState } from "react"; import { useState } from "react";
import { MessageSquare, Image, Mic, ArrowLeft, Plus, ChevronLeft, ChevronRight, Bot, Brain } from "lucide-react"; import { MessageSquare, Image, Mic, ArrowLeft, Plus, ChevronLeft, ChevronRight, Bot, FileText } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Separator } from "@/components/ui/separator"; import { Separator } from "@/components/ui/separator";
import { ThemeToggle } from "@/components/ThemeToggle"; import { ThemeToggle } from "@/components/ThemeToggle";
@@ -20,7 +20,7 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
{ id: "images" as TabType, label: "Imagens", icon: Image }, { id: "images" as TabType, label: "Imagens", icon: Image },
{ id: "audio" as TabType, label: "Áudio", icon: Mic }, { id: "audio" as TabType, label: "Áudio", icon: Mic },
{ id: "bots" as TabType, label: "Bots", icon: Bot }, { id: "bots" as TabType, label: "Bots", icon: Bot },
{ id: "agent" as TabType, label: "Agente de Parecer", icon: Brain }, { id: "agent" as TabType, label: "Agente de Parecer", icon: FileText },
]; ];
return ( return (
@@ -46,40 +46,40 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
{/* Navigation Tabs */} {/* Navigation Tabs */}
<nav className="flex-1 px-3 py-2 space-y-1"> <nav className="flex-1 px-3 py-2 space-y-1">
{tabs.map((tab) => { {tabs.map((tab) => {
const Icon = tab.icon; const Icon = tab.icon;
const isActive = activeTab === tab.id; const isActive = activeTab === tab.id;
return ( return (
<button <button
key={tab.id} key={tab.id}
onClick={() => onTabChange(tab.id)} onClick={() => onTabChange(tab.id)}
className={`w-full flex items-center gap-3 px-4 py-3 rounded-lg transition-all ${ className={`w-full flex items-center gap-3 px-4 py-3 rounded-lg transition-all ${
isActive isActive
? "bg-sidebar-accent text-sidebar-accent-foreground cyber-border" ? "bg-sidebar-accent text-sidebar-accent-foreground cyber-border"
: "text-sidebar-foreground hover:bg-sidebar-accent/50" : "text-sidebar-foreground hover:bg-sidebar-accent/50"
}`} }`}
> >
<Icon className="w-5 h-5" /> <Icon className="w-5 h-5" />
<span className="font-medium">{tab.label}</span> <span className="font-medium">{tab.label}</span>
</button> </button>
); );
})} })}
</nav> </nav>
<Separator className="bg-sidebar-border" /> <Separator className="bg-sidebar-border" />
{/* Settings & Theme */} {/* Settings & Theme */}
<div className="p-4 border-t border-sidebar-border space-y-2"> <div className="p-4 border-t border-sidebar-border space-y-2">
<div className="flex items-center justify-between px-3"> <div className="flex items-center justify-between px-3">
<span className="text-sm font-medium text-sidebar-foreground">Tema</span> <span className="text-sm font-medium text-sidebar-foreground">Tema</span>
<ThemeToggle /> <ThemeToggle />
</div>
<Button variant="ghost" className="w-full justify-start gap-2 text-sidebar-foreground">
<ArrowLeft className="w-4 h-4" />
Voltar
</Button>
</div> </div>
<Button variant="ghost" className="w-full justify-start gap-2 text-sidebar-foreground"> </aside>
<ArrowLeft className="w-4 h-4" />
Voltar
</Button>
</div>
</aside>
) : ( ) : (
<aside className="w-16 bg-sidebar border-r border-sidebar-border flex flex-col"> <aside className="w-16 bg-sidebar border-r border-sidebar-border flex flex-col">
{/* Collapsed Header with Expand Button */} {/* Collapsed Header with Expand Button */}
@@ -127,12 +127,7 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
{/* Theme & Settings Icons */} {/* Theme & Settings Icons */}
<div className="p-3 border-t border-sidebar-border space-y-2"> <div className="p-3 border-t border-sidebar-border space-y-2">
<ThemeToggle /> <ThemeToggle />
<Button <Button variant="ghost" size="icon" className="w-full text-sidebar-foreground" title="Voltar">
variant="ghost"
size="icon"
className="w-full text-sidebar-foreground"
title="Voltar"
>
<ArrowLeft className="w-4 h-4" /> <ArrowLeft className="w-4 h-4" />
</Button> </Button>
</div> </div>
@@ -140,9 +135,7 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
)} )}
{/* Main Content */} {/* Main Content */}
<main className="flex-1 flex flex-col overflow-hidden"> <main className="flex-1 flex flex-col overflow-hidden">{children}</main>
{children}
</main>
</div> </div>
); );
}; };