From 3266c81aba686fe30ec40521601e0d4ee0af8dc1 Mon Sep 17 00:00:00 2001
From: Ricardo Campos <ricardompcampos@gmail.com>
Date: Thu, 30 Oct 2025 11:33:11 -0300
Subject: [PATCH] feat: show if the food is alkaline or not

---
 src/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/index.ts b/src/index.ts
index 7ea4b0c..b3191fe 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1081,6 +1081,7 @@ function addFoodToView(foodData: FoodStorage, documentId: string) {
   }
 
   const foodFromDatabase = getFoodItemByName(foodData.name);
+  const isAlkalineStr = foodFromDatabase.info.alkaline ? ' (Alk)' : ' (Not Alk)';
 
   card.innerHTML = `
     <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>
           <div class="card-actions">
-            <span class="muted">${foodFromDatabase.info.category}</span>
+            <span class="muted">${foodFromDatabase.info.category} ${isAlkalineStr}</span>
             <div>
               <button class="btn btn-copy" data-food-id="${documentId}">Copy</button>
               <button class="btn btn-edit" data-food-id="${documentId}">Edit</button>