scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(SW-543): get footnote from contact config

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-12-20 14:21:38 +01:00
parent 4c99bb2b18
commit 584bcccb77
2 changed files with 24 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/Sidebar/JoinLoyalty/Contact/ContactRow/contactRow.module.css
View File

@@ -1,3 +1,9 @@
.wrapper {
display: flex;
flex-direction: column;
gap: var(--Spacing-x-half);
}
.link { .link {
display: flex; display: flex;
align-items: center; align-items: center;

34
components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx
View File

@@ -17,7 +17,7 @@ export default async function ContactRow({ contact }: ContactRowProps) {
} }
const val = getValueFromContactConfig(contact.contact_field, data) const val = getValueFromContactConfig(contact.contact_field, data)
const test = getValueFromContactConfig(contact.selectTest, data) const footnote = getValueFromContactConfig(contact.selectTest, data)
if (!val) { if (!val) {
return null return null
@@ -38,21 +38,23 @@ export default async function ContactRow({ contact }: ContactRowProps) {
} }
return ( return (
<div> <div className={styles.wrapper}>
<Body color="burgundy" textTransform="bold"> <div>
{contact.display_text} <Body color="burgundy" textTransform="bold">
</Body> {contact.display_text}
<Link </Body>
className={styles.link} <Link
href={openableLink} className={styles.link}
variant="underscored" href={openableLink}
color="burgundy" variant="underscored"
size="small" color="burgundy"
> size="small"
{Icon ? <Icon width="20" height="20" color="burgundy" /> : null} >
{val} {Icon ? <Icon width="20" height="20" color="burgundy" /> : null}
</Link> {val}
<Footnote color="burgundy">{test}</Footnote> </Link>
</div>
{footnote && <Footnote color="burgundy">{footnote}</Footnote>}
</div> </div>
) )
} }