import React, { useState } from ‘react’;
import { Plus, Trash2, Calculator, Download, Package } from ‘lucide-react’;

export default function JerkyCostingApp() {
const [view, setView] = useState(‘ingredients’);
const [ingredients, setIngredients] = useState([]);
const [recipes, setRecipes] = useState([]);
const [selectedRecipe, setSelectedRecipe] = useState(null);

// Ingredient form state
const [newIngredient, setNewIngredient] = useState({
name: ”,
weight: ”,
unit: ‘lb’,
costPerUnit: ”,
totalPaid: ”,
supplier: ”
});

// Recipe form state
const [newRecipe, setNewRecipe] = useState({
name: ”,
batchSize: ”,
items: []
});

const [recipeItem, setRecipeItem] = useState({
ingredientId: ”,
quantity: ”
});

// Add ingredient
const handleAddIngredient = () => {
if (newIngredient.name && newIngredient.weight && newIngredient.costPerUnit && newIngredient.totalPaid) {
const ingredient = {
id: Date.now(),
…newIngredient,
weight: parseFloat(newIngredient.weight),
costPerUnit: parseFloat(newIngredient.costPerUnit),
totalPaid: parseFloat(newIngredient.totalPaid)
};
setIngredients([…ingredients, ingredient]);
setNewIngredient({ name: ”, weight: ”, unit: ‘lb’, costPerUnit: ”, totalPaid: ”, supplier: ” });
}
};

// Add recipe item
const handleAddRecipeItem = () => {
if (recipeItem.ingredientId && recipeItem.quantity) {
setNewRecipe({
…newRecipe,
items: […newRecipe.items, {
ingredientId: recipeItem.ingredientId,
quantity: parseFloat(recipeItem.quantity)
}]
});
setRecipeItem({ ingredientId: ”, quantity: ” });
}
};

// Save recipe
const handleSaveRecipe = () => {
if (newRecipe.name && newRecipe.batchSize && newRecipe.items.length > 0) {
const recipe = {
id: Date.now(),
…newRecipe,
batchSize: parseFloat(newRecipe.batchSize)
};
setRecipes([…recipes, recipe]);
setNewRecipe({ name: ”, batchSize: ”, items: [] });
}
};

// Calculate recipe cost
const calculateRecipeCost = (recipe) => {
return recipe.items.reduce((total, item) => {
const ingredient = ingredients.find(ing => ing.id === item.ingredientId);
if (ingredient) {
return total + (ingredient.costPerUnit * item.quantity);
}
return total;
}, 0);
};

// Export to Notion
const handleExportToNotion = async (recipe) => {
const totalCost = calculateRecipeCost(recipe);
const costPerUnit = totalCost / recipe.batchSize;

const notionData = {
parent: { database_id: “YOUR_DATABASE_ID” },
properties: {
“Recipe Name”: { title: [{ text: { content: recipe.name } }] },
“Batch Size”: { number: recipe.batchSize },
“Total Cost”: { number: parseFloat(totalCost.toFixed(2)) },
“Cost Per Unit”: { number: parseFloat(costPerUnit.toFixed(2)) }
}
};

alert(‘To enable Notion export:\n1. Create a Notion integration at notion.so/my-integrations\n2. Create a database in Notion\n3. Share the database with your integration\n4. Replace YOUR_DATABASE_ID in the code with your database ID\n\nData to export:\n’ + JSON.stringify(notionData, null, 2));
};

return (

);
}