Animation Modal: disable copy till the timer is on

nirnejak · May 15, 2024 · 3174530 · 3174530
1 parent 42488c4
commit 3174530
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/components/AnimationDetailsModal.tsx b/components/AnimationDetailsModal.tsx
@@ -178,6 +178,7 @@ const AnimationDetailsModal: React.FC<Props> = ({
                   </pre>
                   <button
                     className="rounded p-2 absolute top-2 right-2 text-zinc-300 hover:bg-zinc-950 hover:text-zinc-200 focus:bg-zinc-950 focus:outline-none"
+                    disabled={isConfigCopied}
                     onClick={() => {
                       copyToClipboard(code)
                       setIsConfigCopied(true)
@@ -197,6 +198,7 @@ const AnimationDetailsModal: React.FC<Props> = ({
                 {animationClassName}
                 <button
                   className="rounded p-2 text-zinc-300 hover:bg-zinc-950 hover:text-zinc-200 focus:bg-zinc-950 focus:outline-none"
+                  disabled={isClassCopied}
                   onClick={() => {
                     copyToClipboard(animationClassName)
                     setIsClassCopied(true)