nav activa con activeTab, SectionCards dinámicas, fondo light 0.95 oklch

2026-05-23 20:46:02 -05:00
parent 72662852bf
commit 151f21bb0b
7 changed files with 190 additions and 93 deletions
@@ -23,6 +23,14 @@ import {
  SidebarFooter,
  SidebarHeader,
 } from "@/components/ui/sidebar"
+
+defineProps<{
+  activeTab?: string
+}>()
+
+const emit = defineEmits<{
+  'update:activeTab': [value: string]
+}>()
 </script>

 <template>
@@ -34,12 +42,18 @@ import {
      </div>
    </SidebarHeader>
    <SidebarContent>
-      <NavMain />
-      <NavDocuments />
+      <NavMain
+        :active-tab="activeTab"
+        @update:active-tab="emit('update:activeTab', $event)"
+      />
+      <NavDocuments
+        :active-tab="activeTab"
+        @update:active-tab="emit('update:activeTab', $event)"
+      />
      <NavSecondary :items="[]" class="mt-auto" />
    </SidebarContent>
    <SidebarFooter>
      <NavUser />
    </SidebarFooter>
  </Sidebar>
-</template>
+</template>