diff --git a/app/javascript/retrospring/features/lists/destroy.ts b/app/javascript/retrospring/features/lists/destroy.ts
new file mode 100644
index 00000000..88c3d8e2
--- /dev/null
+++ b/app/javascript/retrospring/features/lists/destroy.ts
@@ -0,0 +1,43 @@
+import Rails from '@rails/ujs';
+import swal from 'sweetalert';
+import I18n from '../../../legacy/i18n';
+
+export function destroyListHandler(event: Event): void {
+  event.preventDefault();
+  const button = event.target as HTMLButtonElement;
+  const list = button.dataset.list;
+
+  swal({
+    title: I18n.translate('frontend.list.title'),
+    text: I18n.translate('frontend.list.text'),
+    type: "warning",
+    showCancelButton: true,
+    confirmButtonColor: "#DD6B55",
+    confirmButtonText: I18n.translate('views.actions.delete'),
+    cancelButtonText: I18n.translate('views.actions.cancel'),
+    closeOnConfirm: true 
+  }, () => {
+    Rails.ajax({
+      url: '/ajax/destroy_list',
+      type: 'POST',
+      data: new URLSearchParams({
+        list: list
+      }).toString(),
+      success: (data) => {
+        if (data.success) {
+          const element = document.querySelector(`li.list-group-item#list-${list}`);
+
+          if (element) {
+            element.remove();
+          }
+        }
+        
+        window['showNotification'](data.message, data.success);
+      },
+      error: (data, status, xhr) => {
+        console.log(data, status, xhr);
+        window['showNotification'](I18n.translate('frontend.error.message'), false);
+      }
+    });
+  });
+}
\ No newline at end of file