fix: update InfoBlock component to adjust button sizes based on container size

Author: RohitRaj011

src/Assets/IconV2/ic-help-outline.svg

@@ -2,6 +2,7 @@ import { ComponentSizeType } from '@Shared/constants'
 import { deriveBorderRadiusAndBorderClassFromConfig } from '@Shared/Helpers'
 import { InfoBlockProps } from './types'
 import {
+    CONTAINER_SIZE_TO_BUTTON_SIZE,
     CONTAINER_SIZE_TO_CLASS_MAP,
     SIZE_TO_ICON_CLASS_MAP,
     VARIANT_TO_BG_MAP,
@@ -82,7 +83,7 @@ const InfoBlock = ({
                     {renderContent()}
                 </div>
 
-                {buttonProps && <Button {...buttonProps} />}
+                {buttonProps && <Button {...buttonProps} size={CONTAINER_SIZE_TO_BUTTON_SIZE[size]} />}
             </div>
         )
     }
@@ -95,7 +96,7 @@ const InfoBlock = ({
                     {renderIcon()}
                 </div>
 
-                {buttonProps && <Button {...buttonProps} />}
+                {buttonProps && <Button {...buttonProps} size={CONTAINER_SIZE_TO_BUTTON_SIZE[size]} />}
             </div>
         )
     }

src/Shared/Components/InfoBlock/InfoBlock.component.tsx

@@ -4,6 +4,7 @@ import { ReactComponent as ICSuccess } from '@Icons/ic-success.svg'
 import { ReactComponent as ICWarningY5 } from '@Icons/ic-warning-y5.svg'
 import { ReactComponent as ICHelp } from '@Icons/ic-help.svg'
 import { ComponentSizeType } from '@Shared/constants'
+import { ButtonProps } from '../Button'
 import { InfoBlockProps } from './types'
 
 export const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string> = {
@@ -31,3 +32,8 @@ export const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string> = {
     [ComponentSizeType.large]: 'icon-dim-20',
     [ComponentSizeType.medium]: 'icon-dim-18',
 }
+
+export const CONTAINER_SIZE_TO_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']> = {
+    [ComponentSizeType.large]: ComponentSizeType.medium,
+    [ComponentSizeType.medium]: ComponentSizeType.small,
+}