From eca78f86f24b21944b7c03ca5c4d8ba5b4424c48 Mon Sep 17 00:00:00 2001
From: Rodrigo Quelhas <rodrigo_quelhas@outlook.pt>
Date: Fri, 10 Jun 2022 08:22:19 +0100
Subject: [PATCH] feat(ux): Open failed action results by default

---
 src/components/common/Modal.tsx              | 2 +-
 src/pages/editor/toolbar/modal/TestModal.tsx | 6 +++---
 tailwind.config.js                           | 1 +
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/common/Modal.tsx b/src/components/common/Modal.tsx
index 69c7e79..18f66d8 100644
--- a/src/components/common/Modal.tsx
+++ b/src/components/common/Modal.tsx
@@ -14,7 +14,7 @@ export interface ModalProps {
 const Modal: React.FC<ModalProps> = ({ open, title, onClose, actions, children, height }) => {
     return (
         <Transition.Root show={open} as={React.Fragment}>
-            <Dialog as="div" className="fixed z-100 inset-0 overflow-y-auto" onClose={onClose}>
+            <Dialog as="div" className="fixed z-99999 inset-0 overflow-y-auto" onClose={onClose}>
                 <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center block">
                     <Transition.Child
                         as={React.Fragment}
diff --git a/src/pages/editor/toolbar/modal/TestModal.tsx b/src/pages/editor/toolbar/modal/TestModal.tsx
index 3d278a1..36cbb20 100644
--- a/src/pages/editor/toolbar/modal/TestModal.tsx
+++ b/src/pages/editor/toolbar/modal/TestModal.tsx
@@ -276,7 +276,7 @@ const ActionResult: React.FC<ActionResultProps> = ({ result, connect }) => {
                 />
             </div>
             <div className="m-1" />
-            <Disclosure>
+            <Disclosure defaultOpen={result.status === ActionResultStatus.Failure}>
                 {({ open }) => (
                     <div
                         className={buildClassName([
@@ -299,7 +299,7 @@ const ActionResult: React.FC<ActionResultProps> = ({ result, connect }) => {
                                 className={buildClassName([
                                     {
                                         classes: 'transform rotate-180',
-                                        append: open,
+                                        append: !open,
                                     },
                                     {
                                         classes: 'block w-5 h-5',
@@ -309,7 +309,7 @@ const ActionResult: React.FC<ActionResultProps> = ({ result, connect }) => {
                         </Disclosure.Button>
                         <Disclosure.Panel className="text-sm w-full max-w-[600px]">
                             <div className="m-2 p-2 border border-black w-full">
-                                <Disclosure>
+                                <Disclosure defaultOpen={result.status === ActionResultStatus.Failure}>
                                     {({ open }) => (
                                         <div>
                                             <Disclosure.Button className="inline-flex justify-between items-center w-full px-4 py-2 text-sm font-medium text-left focus:outline-none bg-black/[.1]">
diff --git a/tailwind.config.js b/tailwind.config.js
index 43e0262..f770efd 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,6 +13,7 @@ module.exports = {
                 80: '80',
                 90: '90',
                 100: '100',
+                99999: '99999',
             },
         },
     },