Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 8 additions & 3 deletions src/common/components/ServiceTiles/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,15 +28,15 @@ const ServiceTiles = ({ onClick, promoTemplates }: ServiceTilesProps) => {
role="list"
title="promo-templates"
>
{promoTemplates.map((template) => {
{promoTemplates.map((template, i) => {
if (!template.strapi) return null;
const { title, price, tags, image, background, pre_title } =
template.strapi;
const outputs = tags.map((output) => {
const { text, icon } = output;
return (
<AdditionalInfoTag
key={text}
key={text.toLowerCase().replace(/\s+/g, '_')}
color={appTheme.palette.grey[700]}
hue="#ffff"
isPill
Expand All @@ -53,7 +53,12 @@ const ServiceTiles = ({ onClick, promoTemplates }: ServiceTilesProps) => {
};

return (
<ScrollingGrid.Item key={template.id} role="listitem" title={title}>
<ScrollingGrid.Item
key={template.id}
role="listitem"
title={title}
data-qa={`service-tile-${i}`}
>
<ServiceTile
title={title}
description={pre_title}
Expand Down
7 changes: 5 additions & 2 deletions src/pages/Dashboard/SuggestedCampaigns.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -43,8 +43,11 @@ export const SuggestedCampaigns = () => {
</Row>
<ScrollingGrid id="suggested-campaigns-scrolling-grid">
{!!items.plans.length &&
items.plans.map((plan) => (
<ScrollingGrid.Item key={`suggested_plan_${plan.id}`}>
items.plans.map((plan, i) => (
<ScrollingGrid.Item
key={`suggested_plan_${plan.id}`}
data-qa={`tracked-activity-${i}`}
>
<PlanCard
status={getPlanStatus(plan, t).status}
i18n={{
Expand Down
11 changes: 9 additions & 2 deletions src/pages/Dashboard/project-items/Plans.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -56,8 +56,15 @@ export const Plans = ({ projectId }: { projectId: number }) => {
</Row>
<Separator style={{ margin: `${appTheme.space.md} 0` }} />
<Row>
{plans.map((plan) => (
<Col size={4} xs={12} md={6} lg={4}>
{plans.map((plan, i) => (
<Col
size={4}
xs={12}
md={6}
lg={4}
key={`project_plan_${plan.id}`}
data-qa={`setup-activity-${i}`}
>
<PlanCard
status={getPlanStatus(plan, t).status}
i18n={{
Expand Down
2 changes: 1 addition & 1 deletion src/pages/Plan/common/ModulesBottomNavigation.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ export const ModulesBottomNavigation = () => {
<Button
isBasic
size="small"
data-qa={`modules-bottom-navigation-${nextTab}`}
data-qa={`modules-bottom-navigation-${nextTab.name}`}
onClick={() => {
setActiveTab(nextTab);
if (main) {
Expand Down
Loading