feat: web: display exercise label (#257)

crlssn · Dec 19, 2024 · 9696df2 · 9696df2
1 parent e642f3b
commit 9696df2
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/web/src/ui/exercises/CreateExercise.vue b/web/src/ui/exercises/CreateExercise.vue
@@ -48,6 +48,6 @@ const onSubmit = async () => {
       />
     </AppList>
 
-    <AppButton text="Create" type="submit" colour="primary"> Save Exercise </AppButton>
+    <AppButton text="Create" type="submit" colour="primary">Save Exercise</AppButton>
   </form>
 </template>
diff --git a/web/src/ui/exercises/ListExercises.vue b/web/src/ui/exercises/ListExercises.vue
@@ -39,7 +39,10 @@ const fetchExercises = async () => {
       :key="exercise.id"
       :to="`/exercises/${exercise.id}`"
     >
-      {{ exercise.name }}
+      <p>
+        {{ exercise.name }}
+        <small v-if="exercise.label" class="text-sm text-gray-500">{{ exercise.label }}</small>
+      </p>
       <ChevronRightIcon class="size-8 text-gray-500" />
     </AppListItemLink>
   </AppList>

diff --git a/web/src/ui/routines/CreateRoutine.vue b/web/src/ui/routines/CreateRoutine.vue
@@ -61,7 +61,10 @@ const onCreateRoutine = async () => {
     <AppList :can-fetch="hasMorePages" @fetch="fetchExercises">
       <AppListItem v-for="exercise in exercises" :key="exercise.id">
         <div class="flex justify-between items-center w-full">
-          {{ exercise.name }}
+          <div>
+            {{ exercise.name }}
+            <small v-if="exercise.label" class="text-sm text-gray-500">{{ exercise.label }}</small>
+          </div>
           <Switch
             :class="[
               exerciseIDs.includes(exercise.id) ? 'bg-indigo-600' : 'bg-gray-200',