From ffeeb84d972bf80b5901ffa281501ef904ebc40c Mon Sep 17 00:00:00 2001
From: Shahed Nasser <shahednasser@gmail.com>
Date: Fri, 9 Jun 2023 13:51:25 +0300
Subject: [PATCH] docs: fix feedback component not picking up positive feedback
 (#4270)

* docs: fix feedback component not picking up positive feedback

* fix animation

* improve speed
---
 www/docs/src/components/Feedback/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/www/docs/src/components/Feedback/index.tsx b/www/docs/src/components/Feedback/index.tsx
index 3880e0aa21..6a9caf410a 100644
--- a/www/docs/src/components/Feedback/index.tsx
+++ b/www/docs/src/components/Feedback/index.tsx
@@ -53,9 +53,9 @@ const Feedback: React.FC<FeedbackProps> = ({
 
   function handleFeedback(e) {
     const feedback = e.target.classList.contains("positive")
-    submitFeedback(e, feedback)
     setPositiveFeedback(feedback)
     setShowForm(true)
+    submitFeedback(e, feedback)
   }
 
   function submitFeedback(e, feedback = null) {
@@ -117,8 +117,8 @@ const Feedback: React.FC<FeedbackProps> = ({
             nodeRef.current.addEventListener("transitionend", done, false)
           }}
           classNames={{
-            enter: "animate__animated animate__fadeIn",
-            exit: "animate__animated animate__fadeOut",
+            enter: "animate__animated animate__fadeIn animate__fastest",
+            exit: "animate__animated animate__fadeOut animate__fastest",
           }}
         >
           <>
@@ -132,7 +132,7 @@ const Feedback: React.FC<FeedbackProps> = ({
                 </span>
                 <Button
                   onClick={handleFeedback}
-                  className="tw-w-fit tw-mr-0.5 last:tw-mr-0"
+                  className="tw-w-fit tw-mr-0.5 last:tw-mr-0 positive"
                 >
                   {positiveBtn}
                 </Button>