fix: prevent to execute a chat task if a task is ongoing (#57)

* fix: prevent to execute a chat task if a task is ongoing

* fix: handle enter keydown

Author: m-thenot

zendesk_app/src/app/components/RightPanelApp/RightPanelApp.tsx

@@ -130,6 +130,7 @@ export const RightPanelApp = (): JSX.Element => {
             setValue={setIterationRequest}
             onSubmit={() => void handleSubmitTask('iterate')} // Utilise la nouvelle fonction
             hasDraftResponse={!!response}
+            ongoingTask={ongoingTask}
           ></IterationTextbox>
         </div>
       )}

zendesk_app/src/app/components/RightPanelApp/components/IterationTextbox/IterationTextbox.module.scss

@@ -37,9 +37,16 @@
       }
     }
 
-    .icon {
+    .submit_button {
       cursor: pointer;
       display: flex;
+      background-color: transparent;
+      border: none;
+      outline: none;
+
+      &:disabled {
+        cursor: default;
+      }
     }
   }
 }

zendesk_app/src/app/components/RightPanelApp/components/IterationTextbox/IterationTextbox.tsx

@@ -8,21 +8,26 @@ interface IterationTextboxProps {
   hasDraftResponse: boolean
   setValue: (value: string) => void
   onSubmit: () => void
+  ongoingTask: boolean
 }
 
 export const IterationTextbox = ({
   value,
   setValue,
   onSubmit,
-  hasDraftResponse
+  hasDraftResponse,
+  ongoingTask
 }: IterationTextboxProps): JSX.Element => {
   const textareaRef = useRef<HTMLTextAreaElement>(null)
 
   const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
     if (e.key === 'Enter' && !e.shiftKey) {
       e.preventDefault()
-      onSubmit()
-      setValue('')
+
+      if (!ongoingTask) {
+        onSubmit()
+        setValue('')
+      }
     }
   }
 
@@ -53,9 +58,9 @@ export const IterationTextbox = ({
           onKeyDown={handleKeyDown}
           rows={1}
         />
-        <div className={styles.icon} onClick={onSubmit}>
-          <Icon name="send" size="normal" color="accent" disabled={!value} />
-        </div>
+        <button className={styles.submit_button} onClick={onSubmit} disabled={ongoingTask || !value}>
+          <Icon name="send" size="normal" color="accent" disabled={ongoingTask || !value} />
+        </button>
       </div>
     </div>
   )