From ba4b52646a291c1097dd45260aff0b6854f72603 Mon Sep 17 00:00:00 2001
From: Telkens <stivenmg77@gmail.com>
Date: Wed, 25 Sep 2024 13:24:52 -0500
Subject: [PATCH] Add support modal open feature into Contacto button of mobile
 menu

---
 src/app/(nav-bar)/mobile-menu.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/(nav-bar)/mobile-menu.tsx b/src/app/(nav-bar)/mobile-menu.tsx
index 1ac77c2..c045949 100644
--- a/src/app/(nav-bar)/mobile-menu.tsx
+++ b/src/app/(nav-bar)/mobile-menu.tsx
@@ -1,6 +1,6 @@
 import Image from 'next/image'
 import { useEffect, type ReactNode, useState, useRef, LegacyRef } from 'react'
-
+import { useSupportDialogStore } from '@/store/useSupportDialog'
 import { ToggleTheme } from '@/components/theme-mode'
 import { useRouter } from 'next/navigation'
 import { Button } from '@/components/button'
@@ -20,6 +20,7 @@ export function MobileMenu({ buttonValue, open, handleOPen, routes }: Props) {
   const [curIndex, setCurIndex] = useState(0)
   const handleCurIndex = (index: number) => setCurIndex(index ? index : 0)
   const route = useRouter()
+  const { onOpen } = useSupportDialogStore()
   const navRef: LegacyRef<HTMLDivElement> = useRef(null)
   const bgRef: LegacyRef<HTMLDivElement> = useRef(null)
 
@@ -106,7 +107,7 @@ export function MobileMenu({ buttonValue, open, handleOPen, routes }: Props) {
               ))}
 
               <li>
-                <Button className="w-full text-start">Contacto</Button>
+                <Button className="w-full text-start" onClick={onOpen}>Contacto</Button>
               </li>
             </ul>
             <div>