Adds unique id attr to mapped elems

This commit is contained in:
Alicia Sykes 2023-08-13 13:58:23 +01:00
parent a8eadf40b0
commit d3fa33b104
2 changed files with 8 additions and 8 deletions

View File

@ -18,22 +18,22 @@ const MailConfigCard = (props: {data: any, title: string, actionButtons: any }):
<Row lbl="BIMI" val={txtRecords.includes('bimi')} />
{ mailServer.mxRecords && <Heading as="h3" color={colors.primary} size="small">MX Records</Heading>}
{ mailServer.mxRecords && mailServer.mxRecords.map((record: any) => (
<Row lbl="" val="">
{ mailServer.mxRecords && mailServer.mxRecords.map((record: any, index: number) => (
<Row lbl="" val="" key={index}>
<span>{record.exchange}</span>
<span>{record.priority ? `Priority: ${record.priority}` : ''}</span>
</Row>
))
}
{ mailServer.mailServices.length > 0 && <Heading as="h3" color={colors.primary} size="small">External Mail Services</Heading>}
{ mailServer.mailServices && mailServer.mailServices.map((service: any) => (
<Row lbl={service.provider} val={service.value} />
{ mailServer.mailServices && mailServer.mailServices.map((service: any, index: number) => (
<Row lbl={service.provider} val={service.value} key={index} />
))
}
{ mailServer.txtRecords && <Heading as="h3" color={colors.primary} size="small">Mail-related TXT Records</Heading>}
{ mailServer.txtRecords && mailServer.txtRecords.map((record: any) => (
<Row lbl="" val="">
{ mailServer.txtRecords && mailServer.txtRecords.map((record: any, index: number) => (
<Row lbl="" val="" key={index}>
<span>{record}</span>
</Row>
))

View File

@ -42,7 +42,7 @@ const SitemapCard = (props: {data: any, title: string, actionButtons: any }): JS
<Card heading={props.title} actionButtons={props.actionButtons} styles={cardStyles}>
{
normalSiteMap && normalSiteMap.map((subpage: any, index: number) => {
return (<ExpandableRow lbl={getPathFromUrl(subpage.loc[0])} val="" rowList={makeExpandableRowData(subpage)}></ExpandableRow>)
return (<ExpandableRow lbl={getPathFromUrl(subpage.loc[0])} key={index} val="" rowList={makeExpandableRowData(subpage)}></ExpandableRow>)
})
}
{ siteMapIndex && <p>
@ -50,7 +50,7 @@ const SitemapCard = (props: {data: any, title: string, actionButtons: any }): JS
</p>}
{
siteMapIndex && siteMapIndex.map((subpage: any, index: number) => {
return (<Row lbl="" val=""><a href={subpage.loc[0]}>{getPathFromUrl(subpage.loc[0])}</a></Row>);
return (<Row lbl="" val="" key={index}><a href={subpage.loc[0]}>{getPathFromUrl(subpage.loc[0])}</a></Row>);
})
}
</Card>