fix bugs

src/components/ProgramSeries/Item.vue

@@ -42,7 +42,6 @@
             width="48"
             class="ml-1 custom-btn custom-icon"
             icon="WMi-yoga-posture"
-            @click.native.prevent=""
           />
           <RectangleButton
             size="large"
@@ -52,6 +51,7 @@
             icon="WMi-pencil"
           />
           <RectangleButton
+            v-if="role === 'admin'"
             size="large"
             height="35"
             width="48"
@@ -75,6 +75,9 @@ export default {
     seriesNumber: {},
     programId: {},
   },
+  data: () => ({
+    role: UserStorage.getRole(),
+  }),
   computed: {},
   methods: {
     ...mapActions("programSeries", ["deleteSeriesFromProgram"]),

src/components/Programs/Item.vue

@@ -12,19 +12,21 @@
       <img
         class="wa__program__image w-100"
         :src="
-          program.thumbnail ? program.thumbnail : 'https://via.placeholder.com/1280x720'
+          program.thumbnail
+            ? program.thumbnail
+            : 'https://via.placeholder.com/1280x720'
         "
         alt="product image"
       />
       <div class="wa__program__image__button">
         <div class="wa__program__image__button--icon">
           <RectangleButton
+            v-if="role === 'admin'"
             @click.native="verifyProgram(program.id)"
             size="large"
             class="custom-btn ml-1"
             height="32"
             :icon="program.verified ? 'WMi-cancel' : 'WMi-ok'"
-            v-if="role === 'admin'"
           />
           <router-link
             class="text-decoration-none"
@@ -51,6 +53,7 @@
             />
           </router-link>
           <RectangleButton
+            v-if="role === 'admin'"
             @click.native="removeProgram(program.id)"
             size="large"
             class="custom-btn ml-1"

src/components/Programs/Items.vue

@@ -8,7 +8,7 @@
               backText="home page"
               link="dashboard"
               icon="WMi-left-open"
-              title="my programs"
+              :title="role === 'admin' ? 'programs' : 'my programs'"
               subTitle="let us know you better, it comes handy."
             />
           </div>

src/components/TraineePrograms/Item.vue

@@ -63,12 +63,13 @@ export default {
 </script>
 <style scoped>
 .program__card {
-  height: 111px;
+  /* height: 111px; */
   border-top: 1px solid var(--color-bg-black);
   border-bottom: 1px solid var(--color-bg-black);
   position: relative;
   display: flex;
   align-items: center;
+  padding: 24px 0;
 }
 .program__info {
   line-height: 18px;

src/components/Users/Items.vue

@@ -8,7 +8,7 @@
               backText="home page"
               link="dashboard"
               icon="WMi-left-open"
-              title="trainers"
+              :title="role==='admin' ? 'users' : 'my trainees'"
               subTitle="let us know you better, it comes handy."
             />
           </div>