fix(campaign-item): use customer title instead of regular title

Author: cannarocks

src/pages/Dashboard/CampaignItem.tsx

@@ -17,6 +17,7 @@ export const CampaignItem = ({
   const { t } = useTranslation();
   const { type, project, family } = campaign;
   const isFunctional = family.name.toLowerCase() === 'functional';
+  const title = campaign.customer_title ?? campaign.title;
 
   return (
     <CampaignCard
@@ -25,8 +26,8 @@ export const CampaignItem = ({
       // isNew={campaign?.isNew} TODO: need an API update
       date={format(new Date(campaign.start_date), 'dd/MM/Y')}
       projectTitle={`${project.name}`}
-      campaignTitle={campaign.title ?? t('__CAMPAIGN_CARD_EMPTY_TITLE_LABEL')}
-      title={campaign.title ?? t('__CAMPAIGN_CARD_EMPTY_TITLE_LABEL')}
+      campaignTitle={title ?? t('__CAMPAIGN_CARD_EMPTY_TITLE_LABEL')}
+      title={title ?? t('__CAMPAIGN_CARD_EMPTY_TITLE_LABEL')}
       type={isFunctional ? 'FUNCTIONAL' : 'EXPERIENTIAL'}
       status={getCampaignStatus(campaign)}
       pillText={type.name}

src/pages/Dashboard/campaigns-list/table.tsx

@@ -65,7 +65,7 @@ export const TableList = ({
         name: (
           <Anchor href={getLocalizeRoute(campaign.id, campaign.family.name)}>
             <Span isBold style={{ color: theme.palette.grey[800] }}>
-              {campaign.title}
+              {campaign.customer_title ?? campaign.title}
             </Span>
           </Anchor>
         ),

src/pages/Dashboard/project-items/table.tsx

@@ -71,7 +71,7 @@ export const TableList = ({ campaigns }: { campaigns: Array<Campaign> }) => {
             <TableCell>
               <Anchor href={getLocalizeRoute(cp.id, cp.family.name)}>
                 <Span isBold style={{ color: theme.palette.grey[800] }}>
-                  {cp.title}
+                  {cp.customer_title ?? cp.title}
                 </Span>
               </Anchor>
             </TableCell>