feat(#13): implement sort list by purchase history

export function comparePurchaseUrgency

dates.js: update param name and logic to handle future and past dates

List.jsx: import comparePurchaseUrgency

src/api/firebase.js

@@ -176,6 +176,21 @@ export async function shareList(listPath, currentUserId, recipientEmail) {
 	);
 }
 
+export function comparePurchaseUrgency(list) {
+	// Create a copy of the list to avoid mutating original array
+	const sortedList = [...list].sort((a, b) => {
+		const daysA = getDaysBetweenDates(a.dateNextPurchased);
+		const daysB = getDaysBetweenDates(b.dateNextPurchased);
+		// Inactive items (60 days or more)
+		// Sort by dats until next purchase
+		if (daysA < daysB) return -1;
+		if (daysB < daysA) return 1;
+		// If days are the same, sort alphabetically
+		return a.name.localeCompare(b.name);
+	});
+	return sortedList;
+}
+
 /**
  * Add a new item to the user's list in Firestore.
  * @param {string} listPath The path of the list we're adding to.

src/utils/dates.js

@@ -10,9 +10,12 @@ const ONE_DAY_IN_MILLISECONDS = 86400000;
 export function getFutureDate(offset) {
 	return new Date(Date.now() + offset * ONE_DAY_IN_MILLISECONDS);
 }
-export function getDaysBetweenDates(previousPurchaseDate) {
-	const pastDate = previousPurchaseDate.toDate();
+export function getDaysBetweenDates(dateToCompare) {
+	const comparisonDate = dateToCompare.toDate();
+	console.log(comparisonDate);
 	const presentDate = new Date();
-	const diffInMilliseconds = presentDate.getTime() - pastDate.getTime();
+	const diffInMilliseconds = Math.abs(
+		presentDate.getTime() - comparisonDate.getTime(),
+	);
 	return Math.round(diffInMilliseconds / ONE_DAY_IN_MILLISECONDS);
 }

src/views/List.jsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { ListItem } from '../components';
 import { NavLink } from 'react-router-dom';
+import { comparePurchaseUrgency } from '../api/firebase';
 
 export function List({ data, listPath }) {
 	const [searchInput, setSearchInput] = useState('');