-
-
{product.product_name}
- {product.brands && (
-
- {product.brands.split(",")[0]}
+ openFoodFactsResults.map((product) => {
+ // Calculate display values based on auto-scaling preference
+ const shouldScale = autoScaleOpenFoodFactsImports && product.serving_quantity && product.serving_quantity > 0;
+ const servingSize = shouldScale ? product.serving_quantity! : 100;
+ const scaleFactor = shouldScale ? servingSize / 100 : 1;
+
+ return (
+
+
+
+
+
+
{product.product_name}
+ {product.brands && (
+
+ {product.brands.split(",")[0]}
+
+ )}
+
+ {t("enhancedFoodSearch.openFoodFacts", "OpenFoodFacts")}
- )}
-
- {t("enhancedFoodSearch.openFoodFacts", "OpenFoodFacts")}
-
+
+
+
Per {servingSize}g
-
-
Per 100g
+
handleOpenFoodFactsEdit(product)}
+ className="ml-2"
+ >
+
+ {t("enhancedFoodSearch.editAndAdd", "Edit & Add")}
+
- handleOpenFoodFactsEdit(product)}
- className="ml-2"
- >
-
- {t("enhancedFoodSearch.editAndAdd", "Edit & Add")}
-
-
-
-
- ))}
+
+
+ );
+ })}
{activeTab === "online" &&
nutritionixResults.length > 0 &&
diff --git a/SparkyFitnessFrontend/src/components/Settings.tsx b/SparkyFitnessFrontend/src/components/Settings.tsx
index 1be14fa9..da8bba69 100644
--- a/SparkyFitnessFrontend/src/components/Settings.tsx
+++ b/SparkyFitnessFrontend/src/components/Settings.tsx
@@ -18,6 +18,7 @@ import {
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"; // Added import
import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
import { Separator } from "@/components/ui/separator";
@@ -115,6 +116,7 @@ const Settings: React.FC
= ({ onShowAboutDialog }) => {
setLoggingLevel,
itemDisplayLimit,
setItemDisplayLimit, // Add itemDisplayLimit and setItemDisplayLimit
+ autoScaleOpenFoodFactsImports, setAutoScaleOpenFoodFactsImports, // Add auto-scale preference
loadPreferences: loadUserPreferencesFromContext, // Rename to avoid conflict
saveAllPreferences, // Add saveAllPreferences from context
formatDate, // Destructure formatDate
@@ -969,6 +971,19 @@ const Settings: React.FC = ({ onShowAboutDialog }) => {