@@ -18,7 +18,11 @@ interface SendIamSectionProps {
1818
1919const iamButtons : { label : string ; icon : ReactNode ; key : string } [ ] = [
2020 { label : 'TOP BANNER' , icon : < MdOutlineVerticalAlignTop /> , key : 'top' } ,
21- { label : 'BOTTOM BANNER' , icon : < MdOutlineVerticalAlignBottom /> , key : 'bottom' } ,
21+ {
22+ label : 'BOTTOM BANNER' ,
23+ icon : < MdOutlineVerticalAlignBottom /> ,
24+ key : 'bottom' ,
25+ } ,
2226 { label : 'CENTER MODAL' , icon : < MdCropSquare /> , key : 'center' } ,
2327 { label : 'FULL SCREEN' , icon : < MdFullscreen /> , key : 'full' } ,
2428] ;
@@ -30,14 +34,26 @@ const SendIamSection: FC<SendIamSectionProps> = ({
3034 onSendCenterModal,
3135 onSendFullScreen,
3236} ) => {
33- const handlers = [ onSendTopBanner , onSendBottomBanner , onSendCenterModal , onSendFullScreen ] ;
37+ const handlers = [
38+ onSendTopBanner ,
39+ onSendBottomBanner ,
40+ onSendCenterModal ,
41+ onSendFullScreen ,
42+ ] ;
3443
3544 return (
3645 < SectionCard title = "SEND IN-APP MESSAGE" onInfoTap = { onInfoTap } >
3746 { iamButtons . map ( ( btn , i ) => (
38- < ActionButton key = { btn . key } className = "iam-btn" type = "button" onClick = { handlers [ i ] } >
47+ < ActionButton
48+ key = { btn . key }
49+ className = "iam-btn"
50+ type = "button"
51+ onClick = { handlers [ i ] }
52+ >
3953 < span className = "action-btn-content" >
40- < span className = "action-btn-icon" aria-hidden > { btn . icon } </ span >
54+ < span className = "action-btn-icon" aria-hidden >
55+ { btn . icon }
56+ </ span >
4157 < span > { btn . label } </ span >
4258 </ span >
4359 </ ActionButton >
0 commit comments