Client - refactoring

fittrackee_client/src/components/Workouts/NoWorkouts.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="no-workouts box">
+    <div>
+      {{ t('workouts.NO_WORKOUTS') }}
+      <router-link to="/workouts/add">
+        {{ t('workouts.UPLOAD_FIRST_WORKOUT') }}
+      </router-link>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  export default defineComponent({
+    name: 'NoWorkouts',
+    setup() {
+      const { t } = useI18n()
+      return { t }
+    },
+  })
+</script>
+
+<style lang="scss" scoped>
+  @import '~@/scss/base.scss';
+  .no-workouts {
+    display: flex;
+    justify-content: center;
+  }
+</style>

fittrackee_client/src/components/Workouts/WorkoutsList.vue

@@ -114,9 +114,9 @@
   } from 'vue'
   import { useI18n } from 'vue-i18n'
 
-  import NoWorkouts from '@/components/Common/NoWorkouts.vue'
   import SportImage from '@/components/Common/SportImage/index.vue'
   import StaticMap from '@/components/Common/StaticMap.vue'
+  import NoWorkouts from '@/components/Workouts/NoWorkouts.vue'
   import { WORKOUTS_STORE } from '@/store/constants'
   import { ITranslatedSport } from '@/types/sports'
   import { IAuthUserProfile } from '@/types/user'