fix: aria label in button

eshankvaish · eshankvaish · commit 4a0091b27aa6 · 2025-01-31T12:38:00.000+05:30
diff --git a/src/Shared/Components/Button/Button.component.tsx b/src/Shared/Components/Button/Button.component.tsx
@@ -227,7 +227,7 @@ const Button = <ComponentType extends ButtonComponentType>({
                     disabled={isDisabled}
                     className={`br-4 flex cursor dc__tab-focus dc__position-rel dc__capitalize ${isOpacityHoverChild ? 'dc__opacity-hover--child' : ''} ${getButtonDerivedClass({ size, variant, style, isLoading, icon, isAutoTriggerActive: isAutoClickActive })} ${isDisabled ? 'dc__disabled' : ''} ${fullWidth ? 'w-100' : ''}`}
                     data-testid={dataTestId}
-                    aria-label={ariaLabel}
+                    aria-label={ariaLabel || (isLoading ? text : undefined)}
                     elementRef={elementRef}
                     onClick={handleClick}
                 >

Original file line number	Diff line number	Diff line change
`@@ -227,7 +227,7 @@ const Button = <ComponentType extends ButtonComponentType>({`
`227`	`227`	`disabled={isDisabled}`
`228`	`228`	className={`br-4 flex cursor dc__tab-focus dc__position-rel dc__capitalize ${isOpacityHoverChild ? 'dc__opacity-hover--child' : ''} ${getButtonDerivedClass({ size, variant, style, isLoading, icon, isAutoTriggerActive: isAutoClickActive })} ${isDisabled ? 'dc__disabled' : ''} ${fullWidth ? 'w-100' : ''}`}
`229`	`229`	`data-testid={dataTestId}`
`230`		`- aria-label={ariaLabel}`
	`230`	`+ aria-label={ariaLabel \|\| (isLoading ? text : undefined)}`
`231`	`231`	`elementRef={elementRef}`
`232`	`232`	`onClick={handleClick}`
`233`	`233`	`>`