From f8e8c333bc9931e49f7daf7014d4dbadd6422ebb Mon Sep 17 00:00:00 2001
From: dsva <darwin97.va@gmail.com>
Date: Tue, 19 Sep 2023 10:46:46 -0500
Subject: [PATCH] sync aria-hidden and disabled input and button with !isOpen
 for SEO

---
 src/components/FloatingWhatsApp.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/FloatingWhatsApp.tsx b/src/components/FloatingWhatsApp.tsx
index c2745d3..0354b85 100644
--- a/src/components/FloatingWhatsApp.tsx
+++ b/src/components/FloatingWhatsApp.tsx
@@ -226,7 +226,7 @@ export function FloatingWhatsApp({
       <div
         className={`${css.whatsappChatBox} ${isOpen ? css.open : css.close} ${chatboxClassName}`}
         onClick={(event) => event.stopPropagation()}
-        aria-hidden='true'
+        aria-hidden={!isOpen}
         style={{ height: isOpen ? chatboxHeight : 0, ...chatboxStyle }}
       >
         <header className={css.chatHeader}>
@@ -237,7 +237,7 @@ export function FloatingWhatsApp({
             <span className={css.statusTitle}>{accountName}</span>
             <span className={css.statusSubtitle}>{statusMessage}</span>
           </div>
-          <div className={css.close} onClick={handleClose} aria-hidden='true'>
+          <div className={css.close} onClick={handleClose} aria-hidden={!isOpen}>
             <CloseSVG />
           </div>
         </header>
@@ -268,8 +268,8 @@ export function FloatingWhatsApp({
 
         <footer className={css.chatFooter}>
           <form onSubmit={handleSubmit}>
-            <input className={css.input} placeholder={placeholder} ref={inputRef} dir='auto' />
-            <button type='submit' className={css.buttonSend}>
+            <input disabled={!isOpen} className={css.input} placeholder={placeholder} ref={inputRef} dir='auto' />
+            <button disabled={!isOpen} type='submit' className={css.buttonSend}>
               <SendSVG />
             </button>
           </form>