Client - init workout chart (WIP)

fittrackee_client/src/views/Workout.vue

@@ -14,6 +14,11 @@
             :sports="sports"
             :authUser="authUser"
           />
+          <WorkoutChart
+            v-if="workout.chartData.length > 0"
+            :workout="workout"
+            :authUser="authUser"
+          />
         </div>
         <div v-else>
           <NotFound target="WORKOUT" />
@@ -35,6 +40,7 @@
 
   import Loader from '@/components/Common/Loader.vue'
   import NotFound from '@/components/Common/NotFound.vue'
+  import WorkoutChart from '@/components/Workout/WorkoutChart/index.vue'
   import WorkoutDetail from '@/components/Workout/WorkoutDetail/index.vue'
   import { SPORTS_STORE, USER_STORE, WORKOUTS_STORE } from '@/store/constants'
   import { IAuthUserProfile } from '@/types/user'
@@ -46,6 +52,7 @@
     components: {
       Loader,
       NotFound,
+      WorkoutChart,
       WorkoutDetail,
     },
     setup() {
@@ -78,6 +85,7 @@
   @import '~@/scss/base';
   #workout {
     display: flex;
+    margin-bottom: 45px;
     .container {
       width: 100%;
       padding: 0;