Updates date style on tasks page (#1244)

* updates date style on tasks page

* re-run tests

front/src/utils/__tests__/date-utils.test.ts

@@ -7,6 +7,7 @@ import {
   beautifyPastDateAbsolute,
   beautifyPastDateRelativeToNow,
   DEFAULT_DATE_LOCALE,
+  hasDatePassed,
   parseDate,
 } from '../date-utils';
 import { logError } from '../logError';
@@ -184,3 +185,55 @@ describe('beautifyPastDateAbsolute', () => {
     expect(result).toEqual(expected);
   });
 });
+
+describe('hasDatePassed', () => {
+  it('should log an error and return false when passed an invalid date string', () => {
+    const result = hasDatePassed('invalid-date-string');
+
+    expect(logError).toHaveBeenCalledWith(
+      Error('Invalid date passed to formatPastDate: "invalid-date-string"'),
+    );
+    expect(result).toEqual(false);
+  });
+
+  it('should log an error and return false when passed NaN', () => {
+    const result = hasDatePassed(NaN);
+
+    expect(logError).toHaveBeenCalledWith(
+      Error('Invalid date passed to formatPastDate: "NaN"'),
+    );
+    expect(result).toEqual(false);
+  });
+
+  it('should log an error and return false when passed invalid Date object', () => {
+    const result = hasDatePassed(new Date(NaN));
+
+    expect(logError).toHaveBeenCalledWith(
+      Error('Invalid date passed to formatPastDate: "Invalid Date"'),
+    );
+    expect(result).toEqual(false);
+  });
+
+  it('should return true when passed past date', () => {
+    const now = DateTime.local();
+    const pastDate = now.minus({ day: 1 });
+
+    const result = hasDatePassed(pastDate.toJSDate());
+    expect(result).toEqual(true);
+  });
+
+  it('should return false when passed future date', () => {
+    const now = DateTime.local();
+    const futureDate = now.plus({ days: 1 });
+
+    const result = hasDatePassed(futureDate.toJSDate());
+    expect(result).toEqual(false);
+  });
+
+  it('should return false when passed current date', () => {
+    const now = DateTime.local();
+
+    const result = hasDatePassed(now.toJSDate());
+    expect(result).toEqual(false);
+  });
+});

front/src/utils/date-utils.ts

@@ -1,4 +1,4 @@
-import { formatDistanceToNow } from 'date-fns';
+import { differenceInCalendarDays, formatDistanceToNow } from 'date-fns';
 import { DateTime } from 'luxon';
 
 import { logError } from './logError';
@@ -88,3 +88,19 @@ export function beautifyPastDateAbsolute(pastDate: Date | string | number) {
     return '';
   }
 }
+
+export function hasDatePassed(date: Date | string | number) {
+  try {
+    const parsedDate = parseDate(date);
+
+    return (
+      differenceInCalendarDays(
+        DateTime.local().toJSDate(),
+        parsedDate.toJSDate(),
+      ) >= 1
+    );
+  } catch (error) {
+    logError(error);
+    return false;
+  }
+}