From 58eaf357c2b06abe36b98541f6d1456563b17932 Mon Sep 17 00:00:00 2001
From: Gabriel Santana de Menezes <gabrielufmscc@gmail.com>
Date: Sun, 3 May 2026 19:06:09 -0400
Subject: [PATCH] liberando acesso ao menu de organizacoes

---
 frontend/src/components/AppShell.tsx | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/AppShell.tsx b/frontend/src/components/AppShell.tsx
index 967ccf1..8dc56d3 100644
--- a/frontend/src/components/AppShell.tsx
+++ b/frontend/src/components/AppShell.tsx
@@ -1,6 +1,8 @@
-import { Layout, ListTodo, PlusCircle, Columns, LogOut, Settings } from 'lucide-react'
+import React, { useState } from 'react'
+import { Layout, ListTodo, PlusCircle, Columns, LogOut, Settings, Building2 } from 'lucide-react'
 import { NavLink, Outlet, Navigate } from 'react-router-dom'
 import { useAuth } from '../contexts/AuthContext'
+import { OnboardingModal } from './OnboardingModal'
 
 import { cn } from '../lib/utils'
 
@@ -14,6 +16,7 @@ const navLinkClassName = ({ isActive }: { isActive: boolean }) =>
 
 export function AppShell() {
   const { user, isAuthenticated, isLoading, logout } = useAuth()
+  const [showOrgModal, setShowOrgModal] = useState(false)
 
   if (isLoading) {
     return (
@@ -60,6 +63,16 @@ export function AppShell() {
                 <PlusCircle size={18} />
                 Nova Tarefa
               </NavLink>
+              <button 
+                onClick={() => setShowOrgModal(true)}
+                className={cn(
+                  'inline-flex items-center gap-2 rounded-xl px-4 py-2 text-sm font-semibold transition-all duration-200',
+                  'text-text-muted hover:bg-surface-muted hover:text-text-main'
+                )}
+              >
+                <Building2 size={18} />
+                Organizações
+              </button>
               {user?.organizations.some(org => org.roles.includes('OWNER') || org.roles.includes('ADMIN')) && (
                 <NavLink to="/admin" className={navLinkClassName}>
                   <Settings size={18} />
@@ -114,6 +127,16 @@ export function AppShell() {
             <PlusCircle size={18} />
             Criar
           </NavLink>
+          <button 
+            onClick={() => setShowOrgModal(true)}
+            className={cn(
+              'inline-flex items-center gap-2 rounded-xl px-4 py-2 text-sm font-semibold transition-all duration-200',
+              'text-text-muted hover:bg-surface-muted hover:text-text-main'
+            )}
+          >
+            <Building2 size={18} />
+            Org
+          </button>
           {user?.organizations.some(org => org.roles.includes('OWNER') || org.roles.includes('ADMIN')) && (
             <NavLink to="/admin" className={navLinkClassName}>
               <Settings size={18} />
@@ -122,6 +145,7 @@ export function AppShell() {
           )}
         </nav>
       </footer>
+      <OnboardingModal isOpen={showOrgModal} onClose={() => setShowOrgModal(false)} />
     </div>
   )
 }