Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00
Code Issues Activity

Fixed delete button being clickable multiple times (#21736)

Browse source 
REF
https://linear.app/ghost/issue/PLG-287/fix-double-click-on-delete-button-impacting-comment-count
This commit is contained in:
Sanne de Vries 2024-11-27 12:43:30 +01:00 • committed by GitHub
parent 4b51942403
commit 029177fa69
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
apps/comments-ui/src/components/popups/DeletePopup.tsx
View file

@ -8,6 +8,7 @@ import {useState} from 'react';
const DeletePopup = ({comment}: {comment: Comment}) => {
const {dispatchAction, t} = useAppContext();
const [progress, setProgress] = useState('default');
const [isSubmitting, setIsSubmitting] = useState(false);
let buttonColor = 'bg-red-600';
if (progress === 'sent') {
@ -44,6 +45,12 @@ const DeletePopup = ({comment}: {comment: Comment}) => {
const submit = (event: React.MouseEvent) => {
event.stopPropagation();
// Prevent multiple submissions
if (isSubmitting) {
return;
}
setIsSubmitting(true);
setProgress('sending');
setTimeout(() => {
@ -66,6 +73,7 @@ const DeletePopup = ({comment}: {comment: Comment}) => {
<div className="mt-auto flex flex-col items-center justify-start gap-4 sm:mt-8 sm:flex-row">
<button
className={`text-md flex h-[44px] w-full items-center justify-center rounded-md px-4 font-sans font-medium text-white transition duration-200 ease-linear sm:w-fit ${buttonColor} opacity-100 hover:opacity-90`}
disabled={isSubmitting}
type="button"
onClick={submit}
>