Clear the data table's selected rows on send.

thunderbird · Aug 16, 2024 · 69a2753 · 69a2753
1 parent fc900c2
commit 69a2753
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/frontend/src/components/DataTable.vue b/frontend/src/components/DataTable.vue
@@ -129,7 +129,7 @@ interface Props {
 const props = defineProps<Props>();
 
 const {
-  dataList, dataKey, columns, dataName, allowMultiSelect, loading,
+  dataList, dataKey, columns, dataName, allowMultiSelect, loading
 } = toRefs(props);
 
 const { t } = useI18n();
@@ -146,6 +146,14 @@ const columnSpan = computed(() => (columns.value.length + (allowMultiSelect.valu
 const selectedRows = ref<TableDataRow[]>([]);
 const mutableDataList = ref<TableDataRow[]>(null);
 
+const clearSelectedRows = () => {
+  selectedRows.value = [];
+}
+
+defineExpose({
+  clearSelectedRows,
+});
+
 /**
  * Returns either a filtered data list, or the original all nice and paginated
  */

diff --git a/frontend/src/views/admin/WaitingListPanelView.vue b/frontend/src/views/admin/WaitingListPanelView.vue
@@ -34,6 +34,7 @@ const loading = ref(true);
 const pageError = ref('');
 const pageNotification = ref('');
 const selectedFields = ref([]);
+const dataTableRef = ref(null);
 
 const filteredUsers = computed(() => waitingListUsers.value.map((user) => ({
   id: {
@@ -216,6 +217,7 @@ const sendInvites = async () => {
 
   // Unselect everything!
   selectedFields.value = [];
+  dataTableRef.value.clearSelectedRows();
 
   await refresh();
   loading.value = false;
@@ -254,6 +256,7 @@ onMounted(async () => {
   <admin-nav/>
   <div v-if="displayPage">
     <data-table
+      ref="dataTableRef"
       data-name="Waiting List Users"
       data-key="id"
       :allow-multi-select="true"