Skip to content

Commit 230bf31

Browse files
committed
feat: enhance AdvBanner component with call-to-action indicator and improved structure
1 parent b6b182d commit 230bf31

1 file changed

Lines changed: 18 additions & 20 deletions

File tree

src/features/adv/components/AdvBanner.tsx

Lines changed: 18 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -56,26 +56,24 @@ export const AdvBanner = ({ feedDisplay = false, loadingState, onAdLoaded }: Adv
5656

5757
if (ad.largeImage) {
5858
return (
59-
<>
60-
<div
61-
className="carbonCoverTarget"
62-
style={
63-
{
64-
'--ad-dynamic-bg-image': `url(${ad.largeImage})`,
65-
'--ad-gradient-color': ad.backgroundColor,
66-
} as React.CSSProperties
67-
}>
68-
<a href={ad.link} className="carbonCover ">
69-
<img className="carbonCoverImage" src={ad.largeImage} />
70-
<div className="carbonCoverMain">
71-
<img className="carbonCoverLogo" src={ad.logo} />
72-
<div className="carbonCoverTagline">{ad.companyTagline}</div>
73-
<div className="carbonCoverDescription">{ad.description}</div>
74-
<div className="carbonCoverButton">{ad.callToAction}</div>
75-
</div>
76-
</a>
77-
</div>
78-
</>
59+
<div
60+
className="carbonCoverTarget"
61+
style={
62+
{
63+
'--ad-dynamic-bg-image': `url(${ad.largeImage})`,
64+
'--ad-gradient-color': ad.backgroundColor,
65+
} as React.CSSProperties
66+
}>
67+
<a href={ad.link} className="carbonCover">
68+
<img className="carbonCoverImage" src={ad.largeImage} />
69+
<div className="carbonCoverMain">
70+
<img className="carbonCoverLogo" src={ad.logo} />
71+
<div className="carbonCoverTagline">{ad.companyTagline}</div>
72+
<div className="carbonCoverDescription">{ad.description}</div>
73+
<div className="carbonCoverButton">{ad.callToAction + ' ↗'}</div>
74+
</div>
75+
</a>
76+
</div>
7977
)
8078
}
8179

0 commit comments

Comments
 (0)