fix sheet shadcn errores

lopez-eguiluz-ltda · Aug 25, 2024 · 4f91103 · 4f91103
1 parent 1405172
commit 4f91103
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/components/common/navigation/SheetHamb.tsx b/src/components/common/navigation/SheetHamb.tsx
@@ -1,4 +1,11 @@
-import { Sheet, SheetContent, SheetTrigger } from "@shadcn/sheet";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@shadcn/sheet";
 import { useState } from "react";
 
 import { FaHome } from "react-icons/fa";
@@ -30,10 +37,15 @@ const SheetHamb = () => {
 
   return (
     <Sheet open={open} onOpenChange={setOpen}>
-      <SheetTrigger>
-        <IoMenu size={46} aria-label="Mostrar menú web" />
+      <SheetTrigger asChild>
+        <IoMenu size={46} aria-label="Menú navegación celular" />
       </SheetTrigger>
+
       <SheetContent className="pt-12 w-[200px] sm:w-[300px] lg:hidden">
+        <SheetHeader>
+          <SheetTitle className="pb-4">Menú</SheetTitle>
+          <SheetDescription />
+        </SheetHeader>
         <div className="flex flex-col items-start justify-center gap-5 w-full">
           {navHambItems.map((item) => (
             <a

diff --git a/src/components/common/ui/sheet.tsx b/src/components/common/ui/sheet.tsx
@@ -57,6 +57,7 @@ const SheetContent = React.forwardRef<
   <SheetPortal>
     <SheetOverlay />
     <SheetPrimitive.Content
+      aria-describedby="Menú lateral"
       ref={ref}
       className={cn(sheetVariants({ side }), className)}
       {...props}
@@ -105,6 +106,7 @@ const SheetTitle = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SheetPrimitive.Title
     ref={ref}
+    aria-describedby="Titulo menú"
     className={cn(
       "text-lg font-semibold text-neutral-950 dark:text-neutral-50",
       className,