diff --git a/src/components/ButtonsActions/BtnArchive.vue b/src/components/ButtonsActions/BtnArchive.vue
new file mode 100644
index 0000000..5c36570
--- /dev/null
+++ b/src/components/ButtonsActions/BtnArchive.vue
@@ -0,0 +1,39 @@
+<template>
+  <v-tooltip v-if="canArchive(demande)" text="Archiver">
+    <template v-slot:activator="{ props }">
+      <v-btn v-bind="props"
+             variant="text"
+             icon="mdi-archive"
+             color="primary"
+             @click="archiverDemande(demande)"
+             aria-label="Archiver"></v-btn>
+    </template>
+  </v-tooltip>
+</template>
+<script setup>
+import itemService from '@/service/ItemService';
+
+const emits = defineEmits(['clicked', 'onError']);
+const props = defineProps({
+  demande: {
+    required: true
+  }
+});
+
+//Action d'archivage ou suppression selon état de la demande dans le TDB
+function canArchive(item) {
+  return item.etatDemande === 'Terminé';
+}
+
+//Archivage d'une demande
+function archiverDemande(item) {
+  itemService.archiverDemande(item.type, item.id)
+    .then(() => {
+      emits('clicked');
+    })
+    .catch(error => {
+      emits('onError', error);
+    });
+}
+
+</script>
diff --git a/src/components/ButtonsActions/BtnRestore.vue b/src/components/ButtonsActions/BtnRestore.vue
new file mode 100644
index 0000000..5a33779
--- /dev/null
+++ b/src/components/ButtonsActions/BtnRestore.vue
@@ -0,0 +1,32 @@
+<template>
+  <v-tooltip v-if="demande.etatDemande === 'Archivé'" text="Restaurer">
+    <template v-slot:activator="{ props }">
+      <v-btn v-bind="props"
+             variant="text"
+             color="green"
+             icon="mdi-package-up"
+             @click="restaurerDemande(demande)"></v-btn>
+    </template>
+  </v-tooltip>
+</template>
+<script setup>
+import itemService from '@/service/ItemService';
+
+const emits = defineEmits(['clicked', 'onError']);
+const props = defineProps({
+  demande: {
+    required: true
+  }
+});
+
+function restaurerDemande(item) {
+  itemService.restaurerDemande(item.id, item.type)
+    .then(() => {
+      emits('clicked');
+    })
+    .catch(error => {
+      emits('onError', error);
+    });
+}
+
+</script>
diff --git a/src/components/ButtonsActions/BtnStop.vue b/src/components/ButtonsActions/BtnStop.vue
new file mode 100644
index 0000000..4b7623d
--- /dev/null
+++ b/src/components/ButtonsActions/BtnStop.vue
@@ -0,0 +1,34 @@
+<template>
+  <v-tooltip v-if="canStop(demande)" text="Annuler">
+    <template v-slot:activator="{ props }">
+      <v-btn v-bind="props"
+             icon="mdi-stop"
+             variant="text"
+             color="red"
+             @click="dialog = true">
+      </v-btn>
+    </template>
+  </v-tooltip>
+  <dialog-confirmation-stop v-model="dialog" :id="demande.id" @clicked="emits('clicked')" @on-error="throwError">
+  </dialog-confirmation-stop>
+</template>
+<script setup>
+import DialogConfirmationStop from '@/components/Dialog/DialogConfirmationStop.vue';
+import { ref } from 'vue';
+
+const emits = defineEmits(['clicked', 'onError']);
+const props = defineProps({
+  demande: {
+    required: true
+  }
+});
+const dialog = ref(false);
+
+function canStop(item) {
+  return item.etatDemande === 'En cours de traitement' || item.etatDemande === 'En attente';
+}
+
+function throwError(error) {
+  emits('onError', error);
+}
+</script>
diff --git a/src/components/ButtonsActions/BtnSuppression.vue b/src/components/ButtonsActions/BtnSuppression.vue
new file mode 100644
index 0000000..4082304
--- /dev/null
+++ b/src/components/ButtonsActions/BtnSuppression.vue
@@ -0,0 +1,33 @@
+<template>
+  <v-tooltip v-if="canCancel(demande)" text="Supprimer">
+    <template v-slot:activator="{ props }">
+      <v-btn v-bind="props"
+             icon="mdi-delete"
+             variant="text"
+             @click="dialog = true">
+      </v-btn>
+    </template>
+  </v-tooltip>
+  <dialog-suppression v-model="dialog" :demande="demande" @supp="emits('clicked')" @on-error="throwError">
+  </dialog-suppression>
+</template>
+<script setup>
+import { ref } from 'vue';
+import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
+
+const emits = defineEmits(['clicked', 'onError']);
+const props = defineProps({
+  demande: {
+    required: true,
+  }
+});
+const dialog = ref(false);
+
+function canCancel(item) {
+  return item.etatDemande !== 'Terminé' && item.etatDemande !== 'En cours de traitement' && item.etatDemande !== 'En attente';
+}
+
+function throwError(error) {
+  emits('onError', error);
+}
+</script>
diff --git a/src/components/Supp/DialogConfirmationStop.vue b/src/components/Dialog/DialogConfirmationStop.vue
similarity index 91%
rename from src/components/Supp/DialogConfirmationStop.vue
rename to src/components/Dialog/DialogConfirmationStop.vue
index 08c8e1a..2388fd1 100644
--- a/src/components/Supp/DialogConfirmationStop.vue
+++ b/src/components/Dialog/DialogConfirmationStop.vue
@@ -15,7 +15,7 @@
 <script setup>
 import itemService from '@/service/ItemService';
 
-const emits = defineEmits(['stop', 'onError']);
+const emits = defineEmits(['clicked', 'onError']);
 const dialog = defineModel();
 const props = defineProps({
   id: {
@@ -31,7 +31,7 @@ function stopDemande() {
     })
     .finally(() => {
       dialog.value = false;
-      emits('stop');
+      emits('clicked');
     });
 }
 </script>
diff --git a/src/components/Dialog/DialogSuppression.vue b/src/components/Dialog/DialogSuppression.vue
index 1cea8d1..38bb579 100644
--- a/src/components/Dialog/DialogSuppression.vue
+++ b/src/components/Dialog/DialogSuppression.vue
@@ -10,7 +10,7 @@
       <v-card>
         <v-card-title>Suppression</v-card-title>
         <v-divider></v-divider>
-        <v-card-text>Êtes-vous certain de vouloir supprimer définitivement cette demande ?</v-card-text>
+        <v-card-text>Êtes-vous certain de vouloir supprimer définitivement la demande N°{{ demande.id }} ?</v-card-text>
         <v-card-actions>
 
           <v-container class="d-flex justify-space-between">
@@ -28,7 +28,7 @@ import router from '@/router';
 import { ref } from 'vue';
 
 const dialog = defineModel();
-const emits = defineEmits(['supp'])
+const emits = defineEmits(['supp']);
 const props = defineProps({
   returnToAccueil: {
     required: false,
@@ -38,21 +38,22 @@ const props = defineProps({
     required: true,
     type: Object
   }
-})
+});
 const isLoading = ref(false);
 
 function confirm() {
   isLoading.value = true;
   itemService.deleteDemande(props.demande.id, props.demande.type)
-    .then(()=>{
-      if(props.returnToAccueil){
+    .then(() => {
+      if (props.returnToAccueil) {
         router.push('/accueil');
       }
       emits('supp');
-    }).finally(() => {
-    isLoading.value = false;
-    dialog.value = false;
-  })
+    })
+    .finally(() => {
+      isLoading.value = false;
+      dialog.value = false;
+    });
 }
 
 function cancel() {
diff --git a/src/components/Supp/BtnStop.vue b/src/components/Supp/BtnStop.vue
deleted file mode 100644
index 76fa34a..0000000
--- a/src/components/Supp/BtnStop.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <v-btn icon="mdi-stop" variant="plain" @click="click">
-  </v-btn>
-  <dialog-confirmation-stop v-model="dialog" :id="id" @stop="emits('stop')" @on-error="throwError">
-  </dialog-confirmation-stop>
-</template>
-<script setup>
-import DialogConfirmationStop from '@/components/Supp/DialogConfirmationStop.vue';
-import { ref } from 'vue';
-
-const emits = defineEmits(['stop', 'onError']);
-const props = defineProps({
-  id: {
-    required: true,
-    type: Number
-  }
-});
-const dialog = ref(false);
-
-function click() {
-  dialog.value = true;
-}
-
-function throwError(err) {
-  emits('onError', err);
-}
-
-</script>
diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index c998d49..b015d74 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -26,7 +26,8 @@
       </v-tooltip>
     </v-chip>
   </v-container>
-  <v-data-table :headers="filteredHeadingsDemandes" :items="contentsDemandesFrontFiltered" :items-length="totalItemsFound"
+  <v-data-table :headers="filteredHeadingsDemandes" :items="contentsDemandesFrontFiltered"
+                :items-length="totalItemsFound"
                 :loading="!isDataLoaded" show-expand :sort-by="sortBy"
                 item-key="id"
   >
@@ -119,31 +120,35 @@
         </td>
         <td class="text-center">
           <!-- Colonne Action -->
-          <v-btn v-if="canArchive(item)" variant="plain" icon="mdi-archive" @click="archiverDemande(item)"></v-btn>
-          <v-btn v-else-if="canCancel(item)" variant="plain" icon="mdi-delete" @click="supprimerDemande(item)"></v-btn>
-          <v-btn v-if="item.etatDemande === 'Archivé'" variant="plain"  icon="mdi-package-up" @click="restaurerDemande(item)"></v-btn>
+          <btn-archive :demande="item" @clicked="loadItems(item.type)"
+                       @on-error="throwError" aria-label="Archiver"></btn-archive>
+          <btn-suppression :demande="item" @clicked="loadItems(item.type)"
+                           @on-error="throwError" aria-label="Supprimer"></btn-suppression>
+          <btn-restore :demande="item" @clicked="loadItems(item.type)"
+                       @on-error="throwError" aria-label="Restaurer"></btn-restore>
         </td>
       </tr>
     </template>
   </v-data-table>
-  <dialog-suppression v-model="suppDialog" :demande="suppDemande"
-                      @supp="loadItems('EXEMP')"></dialog-suppression>
 </template>
 
 <script setup>
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import router from '@/router';
-import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
 import DialogCommentaire from '@/components/Dialog/DialogCommentaire.vue';
 import itemService from '@/service/ItemService';
 import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
 import moment from 'moment';
-import {useAuthStore} from '@/store/authStore'
+import { useAuthStore } from '@/store/authStore';
+import BtnSuppression from '@/components/ButtonsActions/BtnSuppression.vue';
+import BtnArchive from '@/components/ButtonsActions/BtnArchive.vue';
+import BtnRestore from '@/components/ButtonsActions/BtnRestore.vue';
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
 //Data
-const isAdmin = useAuthStore().isAdmin();
+const isAdmin = useAuthStore()
+  .isAdmin();
 const extendedAllILN = ref(false);
 
 const headingsDemandes = [
@@ -249,7 +254,7 @@ const headingsDemandes = [
 ];
 const filteredHeadingsDemandes = computed(() =>
   headingsDemandes.filter(heading => heading.display !== false)
-)
+);
 
 const listStatut = [
   'En saisie',
@@ -359,43 +364,6 @@ function filterItems() {
   });
 }
 
-//Action d'archivage ou suppression selon état de la demande dans le TDB
-function canArchive(item) {
-  return item.etatDemande === 'Terminé';
-}
-
-function canCancel(item) {
-  return item.etatDemande !== 'Terminé' && item.etatDemande !== 'En cours de traitement' && item.etatDemande !== 'En attente';
-}
-
-//Suppression d'une demande
-function supprimerDemande(item) {
-  suppDialog.value = true;
-  suppDemande.value = item;
-}
-
-function restaurerDemande(item) {
-  itemService.restaurerDemande(item.id, "EXEMP").then(() => {
-    loadItems('EXEMP');
-  }).catch(error => {
-    console.error(error);
-    emit('backendError', error);
-  });
-}
-
-//Archivage d'une demande
-async function archiverDemande(item) {
-  try {
-    await itemService.archiverDemande('EXEMP', item.id);
-    // Mettre à jour les données après l'archivage réussi
-    await loadItems('EXEMP');
-    emit('backendSuccess');
-  } catch (error) {
-    console.error(error);
-    emit('backendError', error);
-  }
-}
-
 function onRowClick(item) {
   if (item.etatDemande === 'En préparation' || item.etatDemande === 'A compléter' || item.etatDemande === 'En simulation') {
     router.push('/exemplarisation/' + item.id);
diff --git a/src/views/Modification/ModifTable.vue b/src/views/Modification/ModifTable.vue
index e34ff8f..58f2d13 100644
--- a/src/views/Modification/ModifTable.vue
+++ b/src/views/Modification/ModifTable.vue
@@ -25,7 +25,8 @@
       </v-tooltip>
     </v-chip>
   </v-container>
-  <v-data-table :headers="filteredHeadingsDemandes" :items="contentsDemandesFrontFiltered" :items-length="totalItemsFound"
+  <v-data-table :headers="filteredHeadingsDemandes" :items="contentsDemandesFrontFiltered"
+                :items-length="totalItemsFound"
                 :loading="!isDataLoaded" show-expand :sort-by="sortBy"
                 item-key="id">
     <template v-slot:body.prepend>
@@ -117,32 +118,36 @@
         </td>
         <td class="text-center">
           <!-- Colonne Action -->
-          <v-btn v-if="canArchive(item)" variant="plain" icon="mdi-archive" @click="archiverDemande(item)"></v-btn>
-          <v-btn v-else-if="canCancel(item)" variant="plain" icon="mdi-delete" @click="supprimerDemande(item)"></v-btn>
-          <v-btn v-if="item.etatDemande === 'Archivé'" variant="plain"  icon="mdi-package-up" @click="restaurerDemande(item)"></v-btn>
+          <btn-archive :demande="item" @clicked="loadItems(item.type)"
+                       @on-error="throwError" aria-label="Archiver"></btn-archive>
+          <btn-suppression :demande="item" @clicked="loadItems(item.type)"
+                           @on-error="throwError" aria-label="Supprimer"></btn-suppression>
+          <btn-restore :demande="item" @clicked="loadItems(item.type)"
+                       @on-error="throwError" aria-label="Restaurer"></btn-restore>
         </td>
       </tr>
     </template>
   </v-data-table>
-  <dialog-suppression v-model="suppDialog" :demande="suppDemande"
-                      @supp="loadItems('MODIF')"></dialog-suppression>
 </template>
 
 <script setup>
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import router from '@/router';
 import itemService from '@/service/ItemService';
-import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
 import DialogCommentaire from '@/components/Dialog/DialogCommentaire.vue';
 import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
 import moment from 'moment/moment';
-import {useAuthStore} from "@/store/authStore";
+import { useAuthStore } from '@/store/authStore';
+import BtnRestore from '@/components/ButtonsActions/BtnRestore.vue';
+import BtnSuppression from '@/components/ButtonsActions/BtnSuppression.vue';
+import BtnArchive from '@/components/ButtonsActions/BtnArchive.vue';
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
 //Data
-const isAdmin = useAuthStore().isAdmin();
+const isAdmin = useAuthStore()
+  .isAdmin();
 const extendedAllILN = ref(false);
 const headingsDemandes = [
   {
@@ -247,7 +252,7 @@ const headingsDemandes = [
 ];
 const filteredHeadingsDemandes = computed(() =>
   headingsDemandes.filter(heading => heading.display !== false)
-)
+);
 
 const listStatut = [
   'En saisie',
@@ -359,52 +364,6 @@ function filterItems() {
   });
 }
 
-function isAvailableFile(demandeNumber, filename) {
-  return itemService.headFile(filename, demandeNumber, 'csv', 'MODIF')
-    .then((response) => response.status !== 500)
-    .catch((error) => {
-      console.error(error);
-      return false;
-    });
-}
-
-//Action d'archivage ou suppression selon état de la demande dans le TDB
-function canArchive(item) {
-  return item.etatDemande === 'Terminé';
-}
-
-function canCancel(item) {
-  return item.etatDemande !== 'Terminé' && item.etatDemande !== 'En cours de traitement' && item.etatDemande !== 'En attente';
-}
-
-//Suppression d'une demande
-function supprimerDemande(item) {
-  suppDialog.value = true;
-  suppDemande.value = item;
-}
-
-function restaurerDemande(item) {
-  itemService.restaurerDemande(item.id, "MODIF").then(() => {
-    loadItems('MODIF');
-  }).catch(error => {
-    console.error(error);
-    emit('backendError', error);
-  });
-}
-
-//Archivage d'une demande
-async function archiverDemande(item) {
-  try {
-    await itemService.archiverDemande('MODIF', item.id);
-    // Mettre à jour les données après l'archivage réussi
-    await loadItems('MODIF');
-    emit('backendSuccess');
-  } catch (error) {
-    console.error(error);
-    emit('backendError', error);
-  }
-}
-
 function onRowClick(item) {
   if (item.etatDemande === 'En préparation' || item.etatDemande === 'Préparée' || item.etatDemande === 'A compléter' || item.etatDemande === 'En simulation') {
     router.push('/modification/' + item.id);
diff --git a/src/views/Recouvrement/RecouvTable.vue b/src/views/Recouvrement/RecouvTable.vue
index 1b3bb02..aa215a7 100644
--- a/src/views/Recouvrement/RecouvTable.vue
+++ b/src/views/Recouvrement/RecouvTable.vue
@@ -25,7 +25,8 @@
       </v-tooltip>
     </v-chip>
   </v-container>
-  <v-data-table :headers="filteredHeadingsDemandes" :items="contentsDemandesFrontFiltered" :items-length="totalItemsFound"
+  <v-data-table :headers="filteredHeadingsDemandes" :items="contentsDemandesFrontFiltered"
+                :items-length="totalItemsFound"
                 :loading="!isDataLoaded" show-expand :sort-by="sortBy"
                 item-key="id">
     <template v-slot:body.prepend>
@@ -106,32 +107,36 @@
         </td>
         <td class="text-center">
           <!-- Colonne Action -->
-          <v-btn v-if="canArchive(item)" variant="plain" icon="mdi-archive" @click="archiverDemande(item)"></v-btn>
-          <v-btn v-else-if="canCancel(item)" variant="plain" icon="mdi-delete" @click="supprimerDemande(item)"></v-btn>
-          <v-btn v-if="item.etatDemande === 'Archivé'" variant="plain"  icon="mdi-package-up" @click="restaurerDemande(item)"></v-btn>
+          <btn-archive :demande="item" @clicked="loadItems(item.type)"
+                       @on-error="throwError" aria-label="Archiver"></btn-archive>
+          <btn-suppression :demande="item" @clicked="loadItems(item.type)"
+                           @on-error="throwError" aria-label="Supprimer"></btn-suppression>
+          <btn-restore :demande="item" @clicked="loadItems(item.type)"
+                       @on-error="throwError" aria-label="Restaurer"></btn-restore>
         </td>
       </tr>
     </template>
   </v-data-table>
-  <dialog-suppression v-model="suppDialog" :demande="suppDemande"
-                      @supp="loadItems('RECOUV')"></dialog-suppression>
 </template>
 
 <script setup>
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import itemService from '@/service/ItemService';
 import router from '@/router';
-import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
 import DialogCommentaire from '@/components/Dialog/DialogCommentaire.vue';
 import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
 import moment from 'moment/moment';
-import {useAuthStore} from "@/store/authStore";
+import { useAuthStore } from '@/store/authStore';
+import BtnSuppression from '@/components/ButtonsActions/BtnSuppression.vue';
+import BtnRestore from '@/components/ButtonsActions/BtnRestore.vue';
+import BtnArchive from '@/components/ButtonsActions/BtnArchive.vue';
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
 //Data
-const isAdmin = useAuthStore().isAdmin();
+const isAdmin = useAuthStore()
+  .isAdmin();
 const extendedAllILN = ref(false);
 const headingsDemandes = [
   {
@@ -224,7 +229,7 @@ const headingsDemandes = [
 ];
 const filteredHeadingsDemandes = computed(() =>
   headingsDemandes.filter(heading => heading.display !== false)
-)
+);
 
 const listStatut = [
   'En saisie',
@@ -323,52 +328,12 @@ function filterItems() {
   });
 }
 
-//Action d'archivage ou suppression selon état de la demande dans le TDB
-function canArchive(item) {
-  return item.etatDemande === 'Terminé';
-}
-
-function canCancel(item) {
-  return item.etatDemande !== 'Terminé' && item.etatDemande !== 'En cours de traitement' && item.etatDemande !== 'En attente';
-}
-
-//Suppression d'une demande
-function supprimerDemande(item) {
-  suppDialog.value = true;
-  suppDemande.value = item;
-}
-
-function restaurerDemande(item) {
-  itemService.restaurerDemande(item.id, "RECOUV").then(() => {
-    loadItems('RECOUV')
-  }).catch(error => {
-    console.error(error);
-    emit('backendError', error);
-  });
-}
-
-//Archivage d'une demande
-async function archiverDemande(item) {
-  try {
-    await itemService.archiverDemande('RECOUV', item.id);
-    // Mettre à jour les données après l'archivage réussi
-    await loadItems('RECOUV');
-    emit('backendSuccess');
-  } catch (error) {
-    console.error(error);
-    emit('backendError', error);
-  }
-}
-
 function onRowClick(item) {
   if (item.etatDemande === 'En préparation') {
     router.push('/recouvrement/' + item.id);
   }
 }
 
-function saveAction() {
-}
-
 function saveComment() {
   loadItems('RECOUV')
     .then(() => {
diff --git a/src/views/Suppression/SuppTable.vue b/src/views/Suppression/SuppTable.vue
index e6dd50c..e1b2471 100644
--- a/src/views/Suppression/SuppTable.vue
+++ b/src/views/Suppression/SuppTable.vue
@@ -108,30 +108,32 @@
         </td>
         <td class="text-center">
           <!-- Colonne Action -->
-          <btn-stop v-if="canStop(item)" :id="item.id" @stop="loadItems('SUPP', isArchiveDemandesDisplayed)"
-                    @on-error="throwError"></btn-stop>
-          <v-btn v-if="canArchive(item)" variant="plain" icon="mdi-archive" @click="archiverDemande(item)"></v-btn>
-          <v-btn v-else-if="canCancel(item)" variant="plain" icon="mdi-delete" @click="supprimerDemande(item)"></v-btn>
-          <v-btn v-if="item.etatDemande === 'Archivé'" variant="plain"  icon="mdi-package-up" @click="restaurerDemande(item)"></v-btn>
+          <btn-stop :demande="item" @clicked="loadItems(item.type)"
+                    @on-error="throwError" aria-label="Annuler"></btn-stop>
+          <btn-archive :demande="item" @clicked="loadItems(item.type)"
+                       @on-error="throwError" aria-label="Archiver"></btn-archive>
+          <btn-suppression :demande="item" @clicked="loadItems(item.type)"
+                           @on-error="throwError" aria-label="Supprimer"></btn-suppression>
+          <btn-restore :demande="item" @clicked="loadItems(item.type)"
+                       @on-error="throwError" aria-label="Restaurer"></btn-restore>
         </td>
       </tr>
     </template>
   </v-data-table>
-  <dialog-suppression v-model="suppDialog" :demande="suppDemande"
-                      @supp="loadItems('SUPP', isArchiveDemandesDisplayed)"></dialog-suppression>
 </template>
 
 <script setup>
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import router from '@/router';
 import demandesService from '@/service/ItemService';
-import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
 import DialogCommentaire from '@/components/Dialog/DialogCommentaire.vue';
 import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
 import moment from 'moment/moment';
+import BtnStop from '@/components/ButtonsActions/BtnStop.vue';
 import { useAuthStore } from '@/store/authStore';
-import BtnStop from '@/components/Supp/BtnStop.vue';
-import itemService from "@/service/ItemService";
+import BtnArchive from '@/components/ButtonsActions/BtnArchive.vue';
+import BtnSuppression from '@/components/ButtonsActions/BtnSuppression.vue';
+import BtnRestore from '@/components/ButtonsActions/BtnRestore.vue';
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
@@ -140,6 +142,7 @@ const emit = defineEmits(['backendError', 'backendSuccess']);
 const isAdmin = useAuthStore()
   .isAdmin();
 const extendedAllILN = ref(false);
+const type = 'SUPP';
 const headingsDemandes = [
   {
     title: '',
@@ -245,8 +248,6 @@ const listTypeTraitement = ref([]);
 const contentsDemandesFromServer = ref([]);
 const contentsDemandesFrontFiltered = ref([]);
 const totalItemsFound = ref(0);
-const suppDialog = ref(false);
-const suppDemande = ref({});
 const sortBy = ref([{
   key: 'dateModification',
   order: 'desc'
@@ -316,7 +317,6 @@ async function loadItems(type) {
     isDataLoaded.value = true;
     emit('backendSuccess');
   } catch (error) {
-    console.error(error);
     emit('backendError', error);
   }
 }
@@ -343,56 +343,6 @@ function filterItems() {
   });
 }
 
-function isAvailableFile(demandeNumber, filename) {
-  return demandesService.headFile(filename, demandeNumber, 'csv', 'SUPP')
-    .then((response) => response.status !== 500)
-    .catch((error) => {
-      console.error(error);
-      return false;
-    });
-}
-
-//Action d'archivage ou suppression selon état de la demande dans le TDB
-function canArchive(item) {
-  return item.etatDemande === 'Terminé' || item.etatDemande === 'Annulé';
-}
-
-function canCancel(item) {
-  return item.etatDemande !== 'Terminé' && item.etatDemande !== 'En cours de traitement' && item.etatDemande !== 'En attente' && item.etatDemande !== 'Annulé';
-}
-
-function canStop(item) {
-  return item.etatDemande === 'En cours de traitement' || item.etatDemande === 'En attente';
-}
-
-//Suppression d'une demande
-function supprimerDemande(item) {
-  suppDialog.value = true;
-  suppDemande.value = item;
-}
-
-function restaurerDemande(item) {
-  itemService.restaurerDemande(item.id, "SUPP").then(() => {
-    loadItems('SUPP');
-  }).catch(error => {
-    console.error(error);
-    emit('backendError', error);
-  });
-}
-
-//Archivage d'une demande
-async function archiverDemande(item) {
-  try {
-    await demandesService.archiverDemande('SUPP', item.id);
-    // Mettre à jour les données après l'archivage réussi
-    await loadItems('SUPP');
-    emit('backendSuccess');
-  } catch (error) {
-    console.error(error);
-    emit('backendError', error);
-  }
-}
-
 function onRowClick(item) {
   if (item.etatDemande === 'En préparation' || item.etatDemande === 'Préparée' || item.etatDemande === 'A compléter' || item.etatDemande === 'En simulation') {
     router.push('/suppression/' + item.id);
@@ -420,7 +370,6 @@ function colorProgressBar(item) {
   }
   return 'grey-lighten-1';
 }
-
 </script>
 
 <style scoped>