From 983eb5eb401778485a66d31585607d320c05be24 Mon Sep 17 00:00:00 2001
From: Rowa <jrowah@gmail.com>
Date: Mon, 13 Jan 2025 20:27:51 +0300
Subject: [PATCH] remove file from DOM using hook after deletion

---
 assets/js/app.js                | 2 ++
 assets/js/hooks/file_manager.js | 9 +++++++++
 2 files changed, 11 insertions(+)
 create mode 100644 assets/js/hooks/file_manager.js

diff --git a/assets/js/app.js b/assets/js/app.js
index 7e9d3db8..3305f533 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -19,12 +19,14 @@ import { CampaignSettingsDialogHook } from "./hooks/campaign-settings-dialog"
 import CampaignStatsChartHook from "./hooks/campaign-stats-chart"
 import * as ContactsTable from "./hooks/contacts-table"
 import * as DateTimeHooks from "./hooks/date-time"
+import { FileManager } from "./hooks/file_manager"
 import { RememberUnsaved } from "./hooks/remember-unsaved"
 
 const Hooks = {
   ...DateTimeHooks,
   ...CampaignEditLiveHooks,
   ...ContactsTable,
+  FileManager,
   RememberUnsaved,
   CampaignSettingsDialogHook,
   CampaignStatsChartHook
diff --git a/assets/js/hooks/file_manager.js b/assets/js/hooks/file_manager.js
new file mode 100644
index 00000000..75c0533c
--- /dev/null
+++ b/assets/js/hooks/file_manager.js
@@ -0,0 +1,9 @@
+const FileManager = {
+  mounted() {
+    this.handleEvent("remove_file", ({ id }) => {
+      document.getElementById(id)?.remove();
+    });
+  },
+};
+
+export { FileManager };