docs: fix feedback component not picking up positive feedback (#4270)
* docs: fix feedback component not picking up positive feedback * fix animation * improve speed
This commit is contained in:
1 parent
79cca2ab80
commit
ffeeb84d97
1 file changed
+4
-4
@@ -53,9 +53,9 @@ const Feedback: React.FC<FeedbackProps> = ({
|
|||||||
|
|
||||||
function handleFeedback(e) {
|
function handleFeedback(e) {
|
||||||
const feedback = e.target.classList.contains("positive")
|
const feedback = e.target.classList.contains("positive")
|
||||||
submitFeedback(e, feedback)
|
|
||||||
setPositiveFeedback(feedback)
|
setPositiveFeedback(feedback)
|
||||||
setShowForm(true)
|
setShowForm(true)
|
||||||
|
submitFeedback(e, feedback)
|
||||||
}
|
}
|
||||||
|
|
||||||
function submitFeedback(e, feedback = null) {
|
function submitFeedback(e, feedback = null) {
|
||||||
@@ -117,8 +117,8 @@ const Feedback: React.FC<FeedbackProps> = ({
|
|||||||
nodeRef.current.addEventListener("transitionend", done, false)
|
nodeRef.current.addEventListener("transitionend", done, false)
|
||||||
}}
|
}}
|
||||||
classNames={{
|
classNames={{
|
||||||
enter: "animate__animated animate__fadeIn",
|
enter: "animate__animated animate__fadeIn animate__fastest",
|
||||||
exit: "animate__animated animate__fadeOut",
|
exit: "animate__animated animate__fadeOut animate__fastest",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<>
|
<>
|
||||||
@@ -132,7 +132,7 @@ const Feedback: React.FC<FeedbackProps> = ({
|
|||||||
</span>
|
</span>
|
||||||
<Button
|
<Button
|
||||||
onClick={handleFeedback}
|
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}
|
{positiveBtn}
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
Reference in new issue
Block a user