From b8447132432d95931c087703a45adda5396c46f0 Mon Sep 17 00:00:00 2001
From: Diptesh Choudhuri <ignisda2001@gmail.com>
Date: Fri, 1 Nov 2024 12:02:35 +0530
Subject: [PATCH] fix(frontend): allow adding exercises to templates

---
 apps/frontend/app/lib/hooks.ts                              | 4 ++--
 .../routes/_dashboard.fitness.exercises.item.$id._index.tsx | 6 +++---
 .../app/routes/_dashboard.fitness.exercises.list.tsx        | 6 +++---
 .../frontend/app/routes/_dashboard.settings.preferences.tsx | 6 +++---
 apps/frontend/app/routes/_dashboard.tsx                     | 6 +++---
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/frontend/app/lib/hooks.ts b/apps/frontend/app/lib/hooks.ts
index 2f72ab8aae..0d92d1b172 100644
--- a/apps/frontend/app/lib/hooks.ts
+++ b/apps/frontend/app/lib/hooks.ts
@@ -204,12 +204,12 @@ export const useComplexJsonUpdate = () => {
 	return { reset, appendPref, toUpdatePreferences };
 };
 
-export const useIsWorkoutActive = () => {
+export const useIsFitnessActionActive = () => {
 	const [currentWorkout] = useCurrentWorkout();
 	const action = currentWorkout?.currentActionOrCompleted;
 	return (
 		action !== undefined &&
 		action !== true &&
-		[FitnessAction.LogWorkout, FitnessAction.UpdateWorkout].includes(action)
+		[FitnessAction.LogWorkout, FitnessAction.CreateTemplate].includes(action)
 	);
 };
diff --git a/apps/frontend/app/routes/_dashboard.fitness.exercises.item.$id._index.tsx b/apps/frontend/app/routes/_dashboard.fitness.exercises.item.$id._index.tsx
index 9cbd44fe74..414c0f5461 100644
--- a/apps/frontend/app/routes/_dashboard.fitness.exercises.item.$id._index.tsx
+++ b/apps/frontend/app/routes/_dashboard.fitness.exercises.item.$id._index.tsx
@@ -82,7 +82,7 @@ import {
 } from "~/lib/generals";
 import {
 	useComplexJsonUpdate,
-	useIsWorkoutActive,
+	useIsFitnessActionActive,
 	useUserDetails,
 	useUserPreferences,
 	useUserUnitSystem,
@@ -171,7 +171,7 @@ export default function Page() {
 		loaderData.userExerciseDetails.details?.exerciseNumTimesInteracted || 0;
 	const [currentWorkout, setCurrentWorkout] = useCurrentWorkout();
 	const navigate = useNavigate();
-	const isWorkoutActive = useIsWorkoutActive();
+	const isFitnessActionActive = useIsFitnessActionActive();
 	const [_a, setAddEntityToCollectionData] = useAddEntityToCollection();
 	const [timeSpanForCharts, setTimeSpanForCharts] = useLocalStorage(
 		"ExerciseChartTimeSpan",
@@ -635,7 +635,7 @@ export default function Page() {
 						) : null}
 					</Tabs>
 				</Stack>
-				{currentWorkout && isWorkoutActive ? (
+				{currentWorkout && isFitnessActionActive ? (
 					<Affix position={{ bottom: rem(40), right: rem(30) }}>
 						<ActionIcon
 							color="blue"
diff --git a/apps/frontend/app/routes/_dashboard.fitness.exercises.list.tsx b/apps/frontend/app/routes/_dashboard.fitness.exercises.list.tsx
index bece6424f7..ebce282d0c 100644
--- a/apps/frontend/app/routes/_dashboard.fitness.exercises.list.tsx
+++ b/apps/frontend/app/routes/_dashboard.fitness.exercises.list.tsx
@@ -48,7 +48,7 @@ import { DebouncedSearchInput, FiltersModal } from "~/components/common";
 import { dayjsLib, pageQueryParam } from "~/lib/generals";
 import {
 	useAppSearchParam,
-	useIsWorkoutActive,
+	useIsFitnessActionActive,
 	useUserCollections,
 	useUserPreferences,
 } from "~/lib/hooks";
@@ -138,7 +138,7 @@ export default function Page() {
 	const navigate = useNavigate();
 	const userPreferences = useUserPreferences();
 	const [currentWorkout, setCurrentWorkout] = useCurrentWorkout();
-	const isWorkoutActive = useIsWorkoutActive();
+	const isFitnessActionActive = useIsFitnessActionActive();
 	const [_, { setP }] = useAppSearchParam(loaderData.cookieName);
 	const [selectedExercises, setSelectedExercises] = useListState<{
 		name: string;
@@ -158,7 +158,7 @@ export default function Page() {
 
 	const allowAddingExerciseToWorkout =
 		currentWorkout &&
-		isWorkoutActive &&
+		isFitnessActionActive &&
 		!isNumber(currentWorkout.replacingExerciseIdx);
 
 	return (
diff --git a/apps/frontend/app/routes/_dashboard.settings.preferences.tsx b/apps/frontend/app/routes/_dashboard.settings.preferences.tsx
index 0cb0086c6d..a6b909467c 100644
--- a/apps/frontend/app/routes/_dashboard.settings.preferences.tsx
+++ b/apps/frontend/app/routes/_dashboard.settings.preferences.tsx
@@ -65,7 +65,7 @@ import {
 	useComplexJsonUpdate,
 	useConfirmSubmit,
 	useDashboardLayoutData,
-	useIsWorkoutActive,
+	useIsFitnessActionActive,
 	useUserPreferences,
 } from "~/lib/hooks";
 import {
@@ -130,7 +130,7 @@ export default function Page() {
 	const loaderData = useLoaderData<typeof loader>();
 	const userPreferences = useUserPreferences();
 	const submit = useConfirmSubmit();
-	const isWorkoutActive = useIsWorkoutActive();
+	const isFitnessActionActive = useIsFitnessActionActive();
 	const [watchProviders, setWatchProviders] = useState(
 		userPreferences.general.watchProviders.map((wp) => ({
 			...wp,
@@ -153,7 +153,7 @@ export default function Page() {
 				<Affix
 					position={{
 						bottom: rem(45),
-						right: rem(isWorkoutActive ? 100 : 40),
+						right: rem(isFitnessActionActive ? 100 : 40),
 					}}
 				>
 					<Form
diff --git a/apps/frontend/app/routes/_dashboard.tsx b/apps/frontend/app/routes/_dashboard.tsx
index 769bfb8b56..24bc79f7ea 100644
--- a/apps/frontend/app/routes/_dashboard.tsx
+++ b/apps/frontend/app/routes/_dashboard.tsx
@@ -119,7 +119,7 @@ import {
 	useConfirmSubmit,
 	useCoreDetails,
 	useGetWatchProviders,
-	useIsWorkoutActive,
+	useIsFitnessActionActive,
 	useMetadataDetails,
 	useUserCollections,
 	useUserDetails,
@@ -346,7 +346,7 @@ export default function Layout() {
 	const userDetails = useUserDetails();
 	const [parent] = useAutoAnimate();
 	const submit = useConfirmSubmit();
-	const isWorkoutActive = useIsWorkoutActive();
+	const isFitnessActionActive = useIsFitnessActionActive();
 	const [openedLinkGroups, setOpenedLinkGroups] = useLocalStorage<
 		| {
 				media: boolean;
@@ -400,7 +400,7 @@ export default function Layout() {
 
 	return (
 		<>
-			{isWorkoutActive &&
+			{isFitnessActionActive &&
 			!Object.values(FitnessAction)
 				.map((action) => $path("/fitness/:action", { action }))
 				.includes(location.pathname) ? (