diff --git a/apps/frontend/app/components/routes/fitness.action/miscellaneous.tsx b/apps/frontend/app/components/routes/fitness.action/miscellaneous.tsx
index c8ec700217..1e56ae2475 100644
--- a/apps/frontend/app/components/routes/fitness.action/miscellaneous.tsx
+++ b/apps/frontend/app/components/routes/fitness.action/miscellaneous.tsx
@@ -50,7 +50,7 @@ export const NameAndOtherInputs = (props: {
const [name, setName] = useDebouncedState(currentWorkout.name, 500);
const [comment, setComment] = useDebouncedState(currentWorkout.comment, 500);
- const [isCaloriesBurntModalOpen, setIsCaloriesBurntModalOpen] =
+ const [isExtraInformationModalOpen, setIsExtraInformationModalOpen] =
useState(false);
const [caloriesBurnt, setCaloriesBurnt] = useDebouncedState(
currentWorkout.caloriesBurnt,
@@ -87,23 +87,29 @@ export const NameAndOtherInputs = (props: {
<>
setIsCaloriesBurntModalOpen(false)}
+ opened={isExtraInformationModalOpen}
+ onClose={() => setIsExtraInformationModalOpen(false)}
>
- setCaloriesBurnt(isNumber(e) ? e : undefined)}
- />
+ {!props.isCreatingTemplate ? (
+ setCaloriesBurnt(isNumber(e) ? e : undefined)}
+ />
+ ) : null}
@@ -124,14 +130,12 @@ export const NameAndOtherInputs = (props: {
label={
Name
- {!props.isCreatingTemplate ? (
- setIsCaloriesBurntModalOpen(true)}
- >
- More Information
-
- ) : null}
+ setIsExtraInformationModalOpen(true)}
+ >
+ More Information
+
}
/>