feat(project): handle campaign due dates in overview

src/components/ActiveCampaignOverviewItem/ActiveCampaignOverviewItem.jsx

@@ -25,7 +25,9 @@ export default function ActiveCampaignOverviewItem ({ scoreImage, scoreTitle, ca
           {campaignTitle}
         </Typography>
         <Typography>
-          {campaignDeadline ? `${campaignDeadline} ${t('days_to_go')}` : null}
+          {campaignDeadline
+            ? (campaignDeadline > 0 ? `${campaignDeadline} ${t('days_to_go')}` : t('past_due_date'))
+            : null}
         </Typography>
       </div>
     </div>

src/components/ActiveCampaignOverviewItem/ActiveCampaignOverviewItem.test.jsx

@@ -15,10 +15,22 @@ describe('<ActiveCampaignOverviewItem />', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  it('it renders the score title, campaign title and campaign deadline correctly', () => {
+  it('renders the score title, campaign title and campaign deadline correctly', () => {
     const { getByText } = render(<ActiveCampaignOverviewItem {...dummyProps} />);
 
     expect(getByText('bb')).toBeTruthy();
     expect(getByText('cc')).toBeTruthy();
   });
+
+  it('renders the campaign deadline if its a positive integer', () => {
+    const { getByText } = render(<ActiveCampaignOverviewItem campaignDeadline={10} {...dummyProps} />);
+
+    expect(getByText(/days to go/i)).toBeTruthy();
+  });
+
+  it('renders past due date if campaign deadline if below zero', () => {
+    const { getByText } = render(<ActiveCampaignOverviewItem campaignDeadline={-10} {...dummyProps} />);
+
+    expect(getByText(/due date/i)).toBeTruthy();
+  });
 });

src/i18n/locales/en/campaign.json

@@ -8,6 +8,7 @@
   "help_us_digitize": "Help us digitize",
   "help_us_digitize_untitled": "Help us digitize this untitled project",
   "more": "More",
+  "past_due_date": "Past due date",
   "download": "Download",
   "share_this_campaign": "Share this campaign",
   "start_your_own_campaign": "Start your own campaign",