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);