feat(frontend): display workout level images

IgnisDa · Dec 15, 2024 · 81110be · 81110be
1 parent 31bb350
commit 81110be
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/apps/frontend/app/routes/_dashboard.fitness.$entity.$id._index.tsx b/apps/frontend/app/routes/_dashboard.fitness.$entity.$id._index.tsx
@@ -1,6 +1,7 @@
 import {
 	ActionIcon,
 	Anchor,
+	Avatar,
 	Box,
 	Button,
 	Container,
@@ -449,7 +450,6 @@ export default function Page() {
 							))}
 						</Group>
 					) : null}
-					{/* TODO: Display workout images here */}
 					{loaderData.repeatedWorkout ? (
 						<Box>
 							<Text c="dimmed" span>
@@ -558,6 +558,16 @@ export default function Page() {
 							<Text span>{loaderData.information.comment}</Text>
 						</Box>
 					) : null}
+					{loaderData.information.assets &&
+					loaderData.information.assets.images.length > 0 ? (
+						<Avatar.Group>
+							{loaderData.information.assets.images.map((i) => (
+								<Anchor key={i} href={i} target="_blank">
+									<Avatar src={i} />
+								</Anchor>
+							))}
+						</Avatar.Group>
+					) : null}
 					{loaderData.information.exercises.map((exercise, idx) => (
 						<ExerciseHistory
 							exerciseIdx={idx}