fix

src/abstraction/resources/programResource.js

@@ -1,7 +1,6 @@
 import { SetPagination, SetQueriesObject } from "@/utils/setQueriesObject";
 import { getJsonTrainer } from './trainerProgramResource';
 import { getJsonSportCategory } from './sportCategoryPorgramResource';
-import { objectToFormData } from "@/utils/objectToFormData";
 export const getJson = (data) => ({
     id: data.id,
     trainer: data.trainer ? getJsonTrainer(data.trainer) : {},

src/components/Programs/Item.vue

@@ -12,22 +12,20 @@
       <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
+          <!-- <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'"
-          />
+          /> -->
           <router-link
             class="text-decoration-none"
             :to="{ name: 'programSeries', params: { id: program.id } }"
@@ -63,7 +61,20 @@
         </div>
       </div>
     </div>
-    <div class="program__title">{{ program.title }}</div>
+    <div class="program__title">
+      {{ program.title }}
+      <span
+        ><v-checkbox
+          v-model="program.verified"
+          v-if="role === 'admin'"
+          @click.native="verifyProgram(program.id)"
+          hide-details
+          class="shrink mr-2 mt-0"
+          color="red"
+        ></v-checkbox
+      ></span>
+      {{ program.verified }}
+    </div>
     <div class="program__sub-title">{{ program.description }}</div>
     <div>
       <Chip