fix: disable share button

Author: punithbm

ui_components/SecondaryBtn.tsx

@@ -11,12 +11,13 @@ interface ISecondaryBtn {
     rightImage?: TNextImage | TImages | string;
     className?: string;
     showShareIcon?: boolean;
+    btnDisable?: boolean;
 }
 
 export default function SecondaryBtn(props: ISecondaryBtn) {
-    const { title, onClick, rightImage, leftImage, showShareIcon, className } = props;
+    const { title, onClick, rightImage, leftImage, showShareIcon, className, btnDisable } = props;
     return (
-      <button className={`py-4 text-white support_text_bold rounded-lg flex gap-1 items-center w-full justify-center border border-white max-w-[400px] mx-auto ${className}`} onClick={onClick}>
+      <button className={`py-4 text-white support_text_bold rounded-lg flex gap-1 items-center w-full justify-center border border-white max-w-[400px] mx-auto ${className}`} disabled={btnDisable} onClick={onClick}>
         {leftImage && <Image src={leftImage} alt="right-image" />}
         {title}
         {rightImage && <Image src={rightImage} alt="right-image" />}

ui_components/ShareLinkPage.tsx

@@ -380,55 +380,67 @@ const ShareLink: FC<IShareLink> = (props) => {
                     <>
                         <div className="lg:hidden block w-full">
                             <PrimaryBtn
+                                className={`${isLoading ? "opacity-60" : "opacity-100"}`}
                                 title="Share"
                                 onClick={() => {
                                     handleShareURL();
                                 }}
                                 rightImage={showShareIcon ? icons.shareBtnIcon : ""}
                                 showShareIcon={showShareIcon}
+                                btnDisable={isLoading}
                             />
                         </div>
                         <div className="hidden lg:block w-full max-w-[400px]">
                             <PrimaryBtn
+                                className={`${isLoading ? "opacity-60" : "opacity-100"}`}
                                 title={shareText}
                                 onClick={() => {
                                     setOpenShareModal(true);
                                 }}
                                 rightImage={showShareIcon ? icons.shareBtnIcon : ""}
+                                btnDisable={isLoading}
                             />
                         </div>
                         <SecondaryBtn
+                            className={`${isLoading ? "opacity-60" : "opacity-100"}`}
                             title={processing ? "Processing..." : "Claim"}
                             onClick={() => handleClaimClick()}
                             rightImage={processing ? undefined : icons.downloadBtnIcon}
+                            btnDisable={isLoading}
                         />
                     </>
                 ) : (
                     <>
                         <PrimaryBtn
+                            className={`${isLoading ? "opacity-60" : "opacity-100"}`}
                             title={processing ? "Processing..." : "Claim"}
                             onClick={() => handleClaimClick()}
                             rightImage={
                                 processing ? undefined : icons.downloadBtnIconBlack
                             }
+                            btnDisable={isLoading}
                         />
                         <div className="lg:hidden block w-full">
                             <SecondaryBtn
+                                className={`${isLoading ? "opacity-60" : "opacity-100"}`}
                                 title="Share"
                                 onClick={() => {
                                     handleShareURL();
                                 }}
                                 rightImage={showShareIcon ? icons.shareBtnIconWhite : ""}
                                 showShareIcon={showShareIcon}
+                                btnDisable={isLoading}
                             />
                         </div>
                         <div className="hidden lg:block w-full max-w-[400px]">
                             <SecondaryBtn
+                                className={`${isLoading ? "opacity-60" : "opacity-100"}`}
                                 title={shareText}
                                 onClick={() => {
                                     setOpenShareModal(true);
                                 }}
                                 rightImage={showShareIcon ? icons.shareBtnIconWhite : ""}
+                                btnDisable={isLoading}
                             />
                         </div>
                     </>