From 801d560e78c277ec3445cd527558eecec2e8c5ce Mon Sep 17 00:00:00 2001
From: pedrosiimoes <simoespedro291@gmail.com>
Date: Tue, 11 Nov 2025 21:39:35 -0300
Subject: [PATCH] remocao do header

---
 app/page.tsx                    |  5 +--
 components/doctor-layout.tsx    | 66 +++++++++++----------------------
 components/manager-layout.tsx   | 27 ++++----------
 components/patient-layout.tsx   | 30 +++------------
 components/secretary-layout.tsx | 24 ++----------
 5 files changed, 41 insertions(+), 111 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 32e42fc..a58ab43 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -62,9 +62,8 @@ export default function InicialPage() {
 
         {/* Navegação principal */}
         <nav
-          className={`${
-            isMenuOpen ? "block" : "hidden"
-          } absolute top-[76px] left-0 w-full bg-card shadow-md py-4 md:relative md:top-auto md:left-auto md:w-auto md:block md:bg-transparent md:shadow-none z-10`}
+          className={`${isMenuOpen ? "block" : "hidden"
+            } absolute top-[76px] left-0 w-full bg-card shadow-md py-4 md:relative md:top-auto md:left-auto md:w-auto md:block md:bg-transparent md:shadow-none z-10`}
         >
           <div className="flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-6 text-muted-foreground font-medium items-center">
             <Link href="#home" className="hover:text-primary">
diff --git a/components/doctor-layout.tsx b/components/doctor-layout.tsx
index 0fed6bb..f7bf90b 100644
--- a/components/doctor-layout.tsx
+++ b/components/doctor-layout.tsx
@@ -167,9 +167,8 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
     // O restante do seu código JSX permanece exatamente o mesmo
     <div className="min-h-screen bg-background flex">
       <div
-        className={`bg-card border-r border transition-all duration-300 ${
-          sidebarCollapsed ? "w-16" : "w-64"
-        } fixed left-0 top-0 h-screen flex flex-col z-50`}
+        className={`bg-card border-r border transition-all duration-300 ${sidebarCollapsed ? "w-16" : "w-64"
+          } fixed left-0 top-0 h-screen flex flex-col z-50`}
       >
         <div className="p-4 border-b border">
           <div className="flex items-center justify-between">
@@ -205,11 +204,10 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
             return (
               <Link key={item.href} href={item.href}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
-                    isActive
-                      ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
-                      : "text-gray-600 hover:bg-gray-50"
-                  }`}
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
+                    ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
+                    : "text-gray-600 hover:bg-gray-50"
+                    }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   {!sidebarCollapsed && (
@@ -223,9 +221,8 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
         // ... (seu código anterior)
         {/* Sidebar para desktop */}
         <div
-          className={`bg-white border-r border-gray-200 transition-all duration-300 ${
-            sidebarCollapsed ? "w-16" : "w-64"
-          } fixed left-0 top-0 h-screen flex flex-col z-50`}
+          className={`bg-white border-r border-gray-200 transition-all duration-300 ${sidebarCollapsed ? "w-16" : "w-64"
+            } fixed left-0 top-0 h-screen flex flex-col z-50`}
         >
           <div className="p-4 border-b border-gray-200">
             <div className="flex items-center justify-between">
@@ -264,11 +261,10 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
               return (
                 <Link key={item.href} href={item.href}>
                   <div
-                    className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
-                      isActive
-                        ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
-                        : "text-gray-600 hover:bg-gray-50"
-                    }`}
+                    className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
+                      ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
+                      : "text-gray-600 hover:bg-gray-50"
+                      }`}
                   >
                     <Icon className="w-5 h-5 flex-shrink-0" />
                     {!sidebarCollapsed && (
@@ -317,9 +313,8 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
             </div>
 
             <div
-              className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors text-muted-foreground hover:bg-accent cursor-pointer ${
-                sidebarCollapsed ? "justify-center" : ""
-              }`}
+              className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors text-muted-foreground hover:bg-accent cursor-pointer ${sidebarCollapsed ? "justify-center" : ""
+                }`}
               onClick={handleLogout}
             >
               <LogOut className="w-5 h-5 flex-shrink-0" />
@@ -335,9 +330,8 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
         ></div>
       )}
       <div
-        className={`bg-white border-r border-gray-200 fixed left-0 top-0 h-screen flex flex-col z-50 transition-transform duration-300 md:hidden ${
-          isMobileMenuOpen ? "translate-x-0 w-64" : "-translate-x-full w-64"
-        }`}
+        className={`bg-white border-r border-gray-200 fixed left-0 top-0 h-screen flex flex-col z-50 transition-transform duration-300 md:hidden ${isMobileMenuOpen ? "translate-x-0 w-64" : "-translate-x-full w-64"
+          }`}
       >
         <div className="p-4 border-b border-gray-200 flex items-center justify-between">
           <div className="flex items-center gap-2">
@@ -366,11 +360,10 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
             return (
               <Link key={item.href} href={item.href} onClick={toggleMobileMenu}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
-                    isActive
-                      ? "bg-accent text-accent-foreground border-r-2 border-primary"
-                      : "text-muted-foreground hover:bg-accent"
-                  }`}
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
+                    ? "bg-accent text-accent-foreground border-r-2 border-primary"
+                    : "text-muted-foreground hover:bg-accent"
+                    }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   <span className="font-medium">{item.label}</span>
@@ -416,24 +409,9 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
       </div>
 
       <div
-        className={`flex-1 flex flex-col transition-all duration-300 ${
-          sidebarCollapsed ? "ml-16" : "ml-64"
-        }`}
+        className={`flex-1 flex flex-col transition-all duration-300 ${sidebarCollapsed ? "ml-16" : "ml-64"
+          }`}
       >
-        <header className="bg-card border-b border px-6 py-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-4 flex-1"></div>
-
-            <div className="flex items-center gap-4">
-              <Button variant="ghost" size="sm" className="relative">
-                <Bell className="w-5 h-5" />
-                <Badge className="absolute -top-1 -right-1 w-5 h-5 p-0 flex items-center justify-center bg-red-500 text-white text-xs">
-                  1
-                </Badge>
-              </Button>
-            </div>
-          </div>
-        </header>
 
         <main className="flex-1 p-6">{children}</main>
       </div>
diff --git a/components/manager-layout.tsx b/components/manager-layout.tsx
index bce48d6..64e7571 100644
--- a/components/manager-layout.tsx
+++ b/components/manager-layout.tsx
@@ -130,9 +130,8 @@ export default function ManagerLayout({ children }: ManagerLayoutProps) {
   return (
     <div className="min-h-screen bg-gray-50 flex">
       <div
-        className={`bg-white border-r border-gray-200 transition-all duration-300 fixed top-0 h-screen flex flex-col z-30 ${
-          sidebarCollapsed ? "w-16" : "w-64"
-        }`}
+        className={`bg-white border-r border-gray-200 transition-all duration-300 fixed top-0 h-screen flex flex-col z-30 ${sidebarCollapsed ? "w-16" : "w-64"
+          }`}
       >
         <div className="p-4 border-b border-gray-200 flex items-center justify-between">
           {!sidebarCollapsed && (
@@ -164,11 +163,10 @@ export default function ManagerLayout({ children }: ManagerLayoutProps) {
             return (
               <Link key={item.label} href={item.href}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
-                    isActive
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
                       ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
                       : "text-gray-600 hover:bg-gray-50"
-                  }`}
+                    }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   {!sidebarCollapsed && (
@@ -219,21 +217,10 @@ export default function ManagerLayout({ children }: ManagerLayoutProps) {
       </div>
 
       <div
-        className={`flex-1 flex flex-col transition-all duration-300 w-full ${
-          sidebarCollapsed ? "ml-16" : "ml-64"
-        }`}
+        className={`flex-1 flex flex-col transition-all duration-300 w-full ${sidebarCollapsed ? "ml-16" : "ml-64"
+          }`}
       >
-        <header className="bg-white border-b border-gray-200 px-4 md:px-6 py-4 flex items-center justify-between">
-          <div className="flex items-center gap-4 flex-1 max-w-md"></div>
-          <div className="flex items-center gap-4 ml-auto">
-            <Button variant="ghost" size="sm" className="relative">
-              <Bell className="w-5 h-5" />
-              <Badge className="absolute -top-1 -right-1 w-5 h-5 p-0 flex items-center justify-center bg-red-500 text-white text-xs">
-                1
-              </Badge>
-            </Button>
-          </div>
-        </header>
+
         <main className="flex-1 p-4 md:p-6">{children}</main>
       </div>
 
diff --git a/components/patient-layout.tsx b/components/patient-layout.tsx
index a7cc9fb..ca77c1d 100644
--- a/components/patient-layout.tsx
+++ b/components/patient-layout.tsx
@@ -134,9 +134,8 @@ export default function PatientLayout({ children }: PatientLayoutProps) {
     <div className="min-h-screen bg-background flex">
       {/* Sidebar */}
       <div
-        className={`bg-card border-r border-border transition-all duration-300 ${
-          sidebarCollapsed ? "w-16" : "w-64"
-        } fixed left-0 top-0 h-screen flex flex-col z-10`}
+        className={`bg-card border-r border-border transition-all duration-300 ${sidebarCollapsed ? "w-16" : "w-64"
+          } fixed left-0 top-0 h-screen flex flex-col z-10`}
       >
         {/* Header da Sidebar */}
         <div className="p-4 border-b border-border">
@@ -177,11 +176,10 @@ export default function PatientLayout({ children }: PatientLayoutProps) {
             return (
               <Link key={item.href} href={item.href}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
-                    isActive
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
                       ? "bg-accent text-accent-foreground"
                       : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
-                  }`}
+                    }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   {!sidebarCollapsed && (
@@ -237,25 +235,9 @@ export default function PatientLayout({ children }: PatientLayoutProps) {
 
       {/* Main Content */}
       <div
-        className={`flex-1 flex flex-col transition-all duration-300 ${
-          sidebarCollapsed ? "ml-16" : "ml-64"
-        }`}
+        className={`flex-1 flex flex-col transition-all duration-300 ${sidebarCollapsed ? "ml-16" : "ml-64"
+          }`}
       >
-        {/* Header */}
-        <header className="bg-card border-b border-border px-6 py-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-4 flex-1 max-w-md"></div>
-
-            <div className="flex items-center gap-4">
-              <Button variant="ghost" size="sm" className="relative">
-                <Bell className="w-5 h-5" />
-                <Badge className="absolute -top-1 -right-1 w-5 h-5 p-0 flex items-center justify-center bg-destructive text-destructive-foreground text-xs">
-                  1
-                </Badge>
-              </Button>
-            </div>
-          </div>
-        </header>
 
         {/* Page Content */}
         <main className="flex-1 p-6">{children}</main>
diff --git a/components/secretary-layout.tsx b/components/secretary-layout.tsx
index edfc4b4..4b75f7f 100644
--- a/components/secretary-layout.tsx
+++ b/components/secretary-layout.tsx
@@ -175,11 +175,10 @@ export default function SecretaryLayout({ children }: SecretaryLayoutProps) {
             return (
               <Link key={item.href} href={item.href}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
-                    isActive
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
                       ? "bg-accent text-accent-foreground"
                       : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
-                  }`}
+                    }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   {!sidebarCollapsed && (
@@ -231,24 +230,9 @@ export default function SecretaryLayout({ children }: SecretaryLayoutProps) {
 
       {/* Main Content */}
       <div
-        className={`flex-1 flex flex-col transition-all duration-300 ${
-          sidebarCollapsed ? "ml-16" : "ml-64"
-        }`}
+        className={`flex-1 flex flex-col transition-all duration-300 ${sidebarCollapsed ? "ml-16" : "ml-64"
+          }`}
       >
-        <header className="bg-card border-b border-border px-6 py-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-4 flex-1 max-w-md"></div>
-
-            <div className="flex items-center gap-4">
-              <Button variant="ghost" size="sm" className="relative">
-                <Bell className="w-5 h-5" />
-                <Badge className="absolute -top-1 -right-1 w-5 h-5 p-0 flex items-center justify-center bg-destructive text-destructive-foreground text-xs">
-                  1
-                </Badge>
-              </Button>
-            </div>
-          </div>
-        </header>
 
         <main className="flex-1 p-6">{children}</main>
       </div>