feat: show if the food is alkaline or not

This commit is contained in:
2025-10-30 11:33:11 -03:00
parent e3cafa14c2
commit 3266c81aba
+2 -1
View File
@@ -1081,6 +1081,7 @@ function addFoodToView(foodData: FoodStorage, documentId: string) {
} }
const foodFromDatabase = getFoodItemByName(foodData.name); const foodFromDatabase = getFoodItemByName(foodData.name);
const isAlkalineStr = foodFromDatabase.info.alkaline ? ' (Alk)' : ' (Not Alk)';
card.innerHTML = ` card.innerHTML = `
<div class="card-header card-header-toggle"> <div class="card-header card-header-toggle">
@@ -1115,7 +1116,7 @@ function addFoodToView(foodData: FoodStorage, documentId: string) {
<div class="food-is-alkaline hidden">${foodData.alkaline ? 'alkaline' : ''}</div> <div class="food-is-alkaline hidden">${foodData.alkaline ? 'alkaline' : ''}</div>
</div> </div>
<div class="card-actions"> <div class="card-actions">
<span class="muted">${foodFromDatabase.info.category}</span> <span class="muted">${foodFromDatabase.info.category} ${isAlkalineStr}</span>
<div> <div>
<button class="btn btn-copy" data-food-id="${documentId}">Copy</button> <button class="btn btn-copy" data-food-id="${documentId}">Copy</button>
<button class="btn btn-edit" data-food-id="${documentId}">Edit</button> <button class="btn btn-edit" data-food-id="${documentId}">Edit</button>