diff --git a/src/App.css b/src/App.css index dad62694..eeada1b6 100644 --- a/src/App.css +++ b/src/App.css @@ -17,7 +17,7 @@ align-items: center; height: var(--header-height); box-sizing: border-box; - border-bottom: 1px solid; + border-bottom: 1px solid #ddd; } .sider { diff --git a/src/components/RecipeForm/index.tsx b/src/components/RecipeForm/index.tsx index d46996af..3ac7bb04 100644 --- a/src/components/RecipeForm/index.tsx +++ b/src/components/RecipeForm/index.tsx @@ -1,10 +1,11 @@ -import { Button } from "antd"; +import { Button, Tooltip } from "antd"; import InputSwitch from "../InputSwitch"; import "./style.css"; import { useSelectedRecipeId, useFieldsToDisplay, useIsPacking, + useIsOriginalRecipe, } from "../../state/store"; interface RecipeFormProps { @@ -15,6 +16,7 @@ const RecipeForm = ({ onStartPacking }: RecipeFormProps) => { const recipeId = useSelectedRecipeId(); const fieldsToDisplay = useFieldsToDisplay(); const isPacking = useIsPacking(); + const isOriginalRecipe = useIsOriginalRecipe(); return (
@@ -39,15 +41,21 @@ const RecipeForm = ({ onStartPacking }: RecipeFormProps) => {
)} {recipeId && ( - + + )} ); diff --git a/src/state/store.ts b/src/state/store.ts index da1eb0e1..4672cfda 100644 --- a/src/state/store.ts +++ b/src/state/store.ts @@ -107,10 +107,11 @@ export const useRecipeStore = create()( const remainingRecipesToLoad = recipeIds.filter( (id) => id !== initialIdToLoad ); - Promise.all(remainingRecipesToLoad.map((id) => loadRecipe(id))) - .catch((err) => { - console.error("Error loading remaining recipes:", err); - }); + Promise.all( + remainingRecipesToLoad.map((id) => loadRecipe(id)) + ).catch((err) => { + console.error("Error loading remaining recipes:", err); + }); }, selectRecipe: async (recipeId) => { @@ -340,6 +341,12 @@ export const useResultUrl = () => { return path; }; +export const useIsOriginalRecipe = () => { + const recipe = useCurrentRecipeData(); + if (!recipe) return true; + return Object.keys(recipe.edits).length === 0; +}; + // Action selectors export const useLoadInputOptions = () => useRecipeStore((s) => s.loadInputOptions);