feat: update propmts inside InfoCard; abstract describeAveragePurchaseInterval into a utils file; update utils exports

Author: Nika Kolesnikova

src/components/InfoCard.jsx

@@ -1,3 +1,4 @@
+import { describeAveragePurchaseInterval } from '../utils';
 import {
 	Box,
 	Card,
@@ -12,8 +13,13 @@ import CloseIcon from '@mui/icons-material/Close';
 export const InfoCard = ({ item, toggleCard, show }) => {
 	const typographyOptions = {
 		totalPurchases: `You've purchased this item ${item.totalPurchases} times`,
+		averagePurchaseInterval: describeAveragePurchaseInterval(
+			item.averagePurchaseInterval,
+		),
 		dateCreated: `Item added on: ${item.dateCreated?.toDate().toLocaleString()}`,
-		dateLastPurchased: `Last bought on: ${item.dateLastPurchased?.toDate().toLocaleString() ?? 'Not purchased yet'}`,
+		dateLastPurchased: item.dateLastPurchased
+			? `Last bought on: ${item.dateLastPurchased?.toDate().toLocaleString()}`
+			: 'Not purchased yet',
 		dateNextPurchased: `Expected to buy again by: ${item.dateNextPurchased?.toDate().toLocaleString() ?? 'No estimate yet'}`,
 	};
 

src/utils/index.js

@@ -3,3 +3,4 @@ export * from './normalize';
 export * from './urgencyUtils';
 export * from './importanceUtils';
 export * from './calculateIsPurchased';
+export * from './infoCardUtils';

src/utils/infoCardUtils.js

@@ -0,0 +1,9 @@
+export const describeAveragePurchaseInterval = (averageInterval) => {
+	if (averageInterval > 1) {
+		return `On average, this item is purchased every ${averageInterval} days`;
+	} else if (1 >= averageInterval) {
+		return 'On average, this item is purchased every day';
+	} else {
+		return 'No average purchase interval available yet';
+	}
+};