Skip to content

Commit 583615b

Browse files
committed
style(demo): format SendIamSection component
1 parent 61c589e commit 583615b

File tree

1 file changed

+20
-4
lines changed

1 file changed

+20
-4
lines changed

examples/demo/src/components/sections/SendIamSection.tsx

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,11 @@ interface SendIamSectionProps {
1818

1919
const 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

Comments
 (0)