fix(components): disable pointer event if showing result

SecondThundeR · Aug 10, 2023 · 48c9b27 · 48c9b27
1 parent 3477854
commit 48c9b27
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/QuestionButtons/index.tsx b/src/components/QuestionButtons/index.tsx
@@ -29,6 +29,7 @@ export const QuestionButtons = memo(function QuestionButtons({
   );
 
   const showSelected = correctButtonID !== false;
+  const isPointerDisabled = showSelected && correctButtonID !== null;
 
   const getButtonStyle = (buttonID: string) => {
     if (!correctButtonID) return "primary";
@@ -56,16 +57,18 @@ export const QuestionButtons = memo(function QuestionButtons({
       {shuffledButtons.map((anime) => {
         const { id, name } = anime;
         const isButtonSelected = id === selectedButtonID;
+        const isSuffixAdded = showSelected && isButtonSelected;
         const buttonStyle = getButtonStyle(id);
 
         return (
           <Button
             key={id}
             style={buttonStyle}
             onClick={() => onClick(anime)}
+            className={isPointerDisabled ? "pointer-events-none" : undefined}
             disabled={isDisabled}
           >
-            {showSelected && isButtonSelected && "Выбрано:"} {name}
+            {isSuffixAdded && "Выбрано:"} {name}
           </Button>
         );
       })}