From b4ee5bf23d9d07413809508d6706cc43fa94fbc2 Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Wed, 31 Jul 2024 10:51:43 -0700
Subject: [PATCH 1/8] added style for .v-btn.btn-link

---
 admin-frontend/src/App.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/admin-frontend/src/App.vue b/admin-frontend/src/App.vue
index 6e88228b9..504cd35c1 100644
--- a/admin-frontend/src/App.vue
+++ b/admin-frontend/src/App.vue
@@ -176,6 +176,11 @@ button:disabled.v-btn {
   background-color: transparent !important;
   border: none;
   box-shadow: none;
+  font-weight: normal !important;
+  padding: 0px;
+}
+.v-btn.btn-link:hover > .v-btn__overlay {
+  opacity: 0 !important;
 }
 
 .v-alert .v-icon {

From 7dfaae01e8aa10853e749d03fc12db2a65d6239c Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Wed, 31 Jul 2024 11:09:55 -0700
Subject: [PATCH 2/8] added style for .v-btn.btn-link

---
 admin-frontend/src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin-frontend/src/App.vue b/admin-frontend/src/App.vue
index 504cd35c1..2f5c26ec5 100644
--- a/admin-frontend/src/App.vue
+++ b/admin-frontend/src/App.vue
@@ -171,13 +171,13 @@ button:disabled.v-btn {
 }
 
 .v-btn.btn-link {
-  text-decoration: underline;
   color: $link-color;
   background-color: transparent !important;
   border: none;
   box-shadow: none;
   font-weight: normal !important;
   padding: 0px;
+  letter-spacing: 1px;
 }
 .v-btn.btn-link:hover > .v-btn__overlay {
   opacity: 0 !important;

From ea74515125fd4ac2a35d597aa2d662b76f8f8460 Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Wed, 31 Jul 2024 11:10:28 -0700
Subject: [PATCH 3/8] announcement titles are now links to display announcement
 description in dialog

---
 .../src/components/AnnouncementsPage.vue      | 43 ++++++++++++++++++-
 .../__tests__/AnnouncementsPage.spec.ts       | 18 ++++++--
 2 files changed, 57 insertions(+), 4 deletions(-)

diff --git a/admin-frontend/src/components/AnnouncementsPage.vue b/admin-frontend/src/components/AnnouncementsPage.vue
index 405b8818d..a5f07b59e 100644
--- a/admin-frontend/src/components/AnnouncementsPage.vue
+++ b/admin-frontend/src/components/AnnouncementsPage.vue
@@ -41,6 +41,16 @@
       "
       @update:options="updateSearch"
     >
+      <template v-slot:item.title="{ item }">
+        <v-btn
+          variant="text"
+          class="btn-link"
+          color="link"
+          @click="showAnnouncement(item)"
+        >
+          {{ item.title }}
+        </v-btn>
+      </template>
       <template v-slot:item.published_on="{ item }">
         {{ formatDate(item.published_on) }}
       </template>
@@ -84,6 +94,30 @@
       </template>
     </v-data-table-server>
   </div>
+
+  <!-- dialogs -->
+  <v-dialog
+    v-model="isAnnouncementDialogVisible"
+    :close-on-content-click="true"
+    max-width="390"
+  >
+    <v-card>
+      <v-card-title>
+        {{ activeAnnouncement?.title }}
+      </v-card-title>
+
+      <v-card-text>
+        {{ activeAnnouncement?.description }}
+      </v-card-text>
+
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn class="btn-secondary" @click="showAnnouncement(undefined)">
+          Close
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
 </template>
 
 <script lang="ts">
@@ -94,7 +128,7 @@ export default {
 
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import AnnouncementSearchFilters from './announcements/AnnouncementSearchFilters.vue';
 import AnnouncementStatusChip from './announcements/AnnouncementStatusChip.vue';
 import { useAnnouncementSearchStore } from '../store/modules/announcementSearchStore';
@@ -104,6 +138,8 @@ import { AnnouncementKeys } from '../types/announcements';
 const announcementSearchStore = useAnnouncementSearchStore();
 const { searchResults, isSearching, hasSearched, totalNum, pageSize } =
   storeToRefs(announcementSearchStore);
+const activeAnnouncement = ref<any>(undefined);
+const isAnnouncementDialogVisible = ref<boolean>(false);
 
 const itemsPerPageOptions = ref([
   { value: 10, title: '10' },
@@ -149,6 +185,11 @@ const headers = ref<any>([
   },
 ]);
 
+function showAnnouncement(announcement) {
+  activeAnnouncement.value = announcement;
+  isAnnouncementDialogVisible.value = announcement != undefined;
+}
+
 async function updateSearch(options) {
   await announcementSearchStore.updateSearch(options);
 }
diff --git a/admin-frontend/src/components/__tests__/AnnouncementsPage.spec.ts b/admin-frontend/src/components/__tests__/AnnouncementsPage.spec.ts
index d5f2c1b65..8c86e318d 100644
--- a/admin-frontend/src/components/__tests__/AnnouncementsPage.spec.ts
+++ b/admin-frontend/src/components/__tests__/AnnouncementsPage.spec.ts
@@ -99,8 +99,20 @@ describe('AnnouncementsPage', () => {
     expect(wrapper.html()).toContain(`Displaying ${mockAnnouncements.length}`);
   });
 
-  it('has search filters', async () => {
-    //await nextTick();
-    //expect(wrapper.findComponent(AnnouncementsSearchFilters)).toBe(true);
+  describe('showAnnouncement', () => {
+    describe('value is an announcement', () => {
+      it('shows the dialog', async () => {
+        const mockAnnouncement = {};
+        wrapper.vm.showAnnouncement(mockAnnouncement);
+        expect(wrapper.vm.isAnnouncementDialogVisible).toBeTruthy();
+      });
+    });
+    describe('value is undefined', () => {
+      it('hides the dialog', async () => {
+        const mockAnnouncement = undefined;
+        wrapper.vm.showAnnouncement(mockAnnouncement);
+        expect(wrapper.vm.isAnnouncementDialogVisible).toBeFalsy();
+      });
+    });
   });
 });

From 1c78863a21cdad9b793d20228df55e9908c5fcbc Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Wed, 31 Jul 2024 14:38:00 -0700
Subject: [PATCH 4/8] added unit tests

---
 .../src/components/AnnouncementsPage.vue      | 102 ++++++++++++++++--
 .../__tests__/AnnouncementsPage.spec.ts       |  97 +++++++++++++++++
 2 files changed, 193 insertions(+), 6 deletions(-)

diff --git a/admin-frontend/src/components/AnnouncementsPage.vue b/admin-frontend/src/components/AnnouncementsPage.vue
index a5f07b59e..4e0f93301 100644
--- a/admin-frontend/src/components/AnnouncementsPage.vue
+++ b/admin-frontend/src/components/AnnouncementsPage.vue
@@ -41,6 +41,22 @@
       "
       @update:options="updateSearch"
     >
+      <template v-slot:header.selection="{ column }">
+        <v-checkbox
+          class="checkbox-no-details"
+          v-model="isSelectedAnnouncementsHeaderChecked"
+          @click="
+            toggleSelectAllAnnouncements(!isSelectedAnnouncementsHeaderChecked)
+          "
+        ></v-checkbox>
+      </template>
+      <template v-slot:item.selection="{ item }">
+        <v-checkbox
+          class="checkbox-no-details"
+          v-model="selectedAnnouncements[item.announcement_id]"
+        >
+        </v-checkbox>
+      </template>
       <template v-slot:item.title="{ item }">
         <v-btn
           variant="text"
@@ -84,7 +100,11 @@
                 >
               </v-list-item>
               <v-list-item>
-                <v-btn class="text-red" variant="text" prepend-icon="mdi-delete"
+                <v-btn
+                  class="text-red"
+                  variant="text"
+                  prepend-icon="mdi-delete"
+                  ref="deleteAnnouncement"
                   >Delete</v-btn
                 >
               </v-list-item>
@@ -92,7 +112,22 @@
           </v-menu>
         </v-btn>
       </template>
+      <template v-slot:footer.prepend="">
+        <v-row class="d-flex justify-start">
+          <v-col>
+            <v-btn
+              class="btn-secondary"
+              :disabled="!selectedAnnouncementIds.length"
+              >Delete</v-btn
+            >
+          </v-col>
+        </v-row>
+      </template>
     </v-data-table-server>
+
+    <v-row>
+      <v-col> </v-col>
+    </v-row>
   </div>
 
   <!-- dialogs -->
@@ -103,11 +138,11 @@
   >
     <v-card>
       <v-card-title>
-        {{ activeAnnouncement?.title }}
+        {{ announcementInDialog?.title }}
       </v-card-title>
 
       <v-card-text>
-        {{ activeAnnouncement?.description }}
+        {{ announcementInDialog?.description }}
       </v-card-text>
 
       <v-card-actions>
@@ -128,7 +163,7 @@ export default {
 
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
-import { ref, computed } from 'vue';
+import { ref, watch, computed } from 'vue';
 import AnnouncementSearchFilters from './announcements/AnnouncementSearchFilters.vue';
 import AnnouncementStatusChip from './announcements/AnnouncementStatusChip.vue';
 import { useAnnouncementSearchStore } from '../store/modules/announcementSearchStore';
@@ -138,8 +173,21 @@ import { AnnouncementKeys } from '../types/announcements';
 const announcementSearchStore = useAnnouncementSearchStore();
 const { searchResults, isSearching, hasSearched, totalNum, pageSize } =
   storeToRefs(announcementSearchStore);
-const activeAnnouncement = ref<any>(undefined);
+const announcementInDialog = ref<any>(undefined);
 const isAnnouncementDialogVisible = ref<boolean>(false);
+const isSelectedAnnouncementsHeaderChecked = ref<boolean>(false);
+const selectedAnnouncements = ref<object>({});
+const selectedAnnouncementIds = computed(() =>
+  Object.entries(selectedAnnouncements.value)
+    .filter(([_, value]) => value)
+    .map(([key, _]) => key),
+);
+
+watch(searchResults, () => {
+  // Don't allow an announcement to be selected if it isn't in the current page
+  // of search results
+  clearSelectionOfNonSearchResults();
+});
 
 const itemsPerPageOptions = ref([
   { value: 10, title: '10' },
@@ -153,6 +201,12 @@ const itemsPerPageOptions = ref([
 ]);
 
 const headers = ref<any>([
+  {
+    title: '',
+    key: 'selection',
+    align: 'center',
+    sortable: false,
+  },
   {
     title: 'Title',
     align: 'start',
@@ -185,8 +239,41 @@ const headers = ref<any>([
   },
 ]);
 
+function selectAnnouncement(announcement, select: boolean = true) {
+  if (!announcement) {
+    return;
+  }
+  if (select) {
+    selectedAnnouncements.value[announcement.announcement_id] = true;
+  } else {
+    delete selectedAnnouncements.value[announcement.announcement_id];
+  }
+}
+
+function toggleSelectAllAnnouncements(select: boolean) {
+  clearSelectionOfNonSearchResults();
+  searchResults.value?.forEach((announcement) => {
+    selectAnnouncement(announcement, select);
+  });
+}
+
+/*
+Removes from 'selectedAnnouncements' any announcements that are not also
+in the current 'searchResults'.
+*/
+function clearSelectionOfNonSearchResults() {
+  Object.keys(selectedAnnouncements.value).forEach((announcementId) => {
+    const isInSearchResults = searchResults.value?.filter(
+      (announcement) => announcement.announcement_id == announcementId,
+    ).length;
+    if (!isInSearchResults) {
+      delete selectedAnnouncements.value[announcementId];
+    }
+  });
+}
+
 function showAnnouncement(announcement) {
-  activeAnnouncement.value = announcement;
+  announcementInDialog.value = announcement;
   isAnnouncementDialogVisible.value = announcement != undefined;
 }
 
@@ -211,4 +298,7 @@ async function addAnnouncement() {
 .btn-actions {
   opacity: 1 !important;
 }
+.checkbox-no-details > .v-input__details {
+  display: none;
+}
 </style>
diff --git a/admin-frontend/src/components/__tests__/AnnouncementsPage.spec.ts b/admin-frontend/src/components/__tests__/AnnouncementsPage.spec.ts
index 8c86e318d..3954e9c17 100644
--- a/admin-frontend/src/components/__tests__/AnnouncementsPage.spec.ts
+++ b/admin-frontend/src/components/__tests__/AnnouncementsPage.spec.ts
@@ -1,3 +1,4 @@
+import { faker } from '@faker-js/faker';
 import { createTestingPinia } from '@pinia/testing';
 import { flushPromises, mount } from '@vue/test-utils';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
@@ -92,6 +93,8 @@ describe('AnnouncementsPage', () => {
     }
   });
 
+  // tests of UI state
+
   it('has search results', async () => {
     expect(wrapper.findAll('.search-results').length).toBe(1);
     announcementSearchStore.searchResults = mockAnnouncements;
@@ -99,6 +102,24 @@ describe('AnnouncementsPage', () => {
     expect(wrapper.html()).toContain(`Displaying ${mockAnnouncements.length}`);
   });
 
+  // tests of computed properties
+
+  describe('selectedAnnouncementIds', () => {
+    describe('when two announcements are selected', () => {
+      it('property value is a list with the IDs of both selected announcements', async () => {
+        mockAnnouncements.forEach((announcement) => {
+          wrapper.vm.selectAnnouncement(announcement);
+        });
+        const result = wrapper.vm.selectedAnnouncementIds;
+        expect(result).toStrictEqual(
+          mockAnnouncements.map((a) => a.announcement_id),
+        );
+      });
+    });
+  });
+
+  // tests of functions
+
   describe('showAnnouncement', () => {
     describe('value is an announcement', () => {
       it('shows the dialog', async () => {
@@ -115,4 +136,80 @@ describe('AnnouncementsPage', () => {
       });
     });
   });
+
+  describe('selectAnnouncement', () => {
+    describe('select = true', () => {
+      it('adds the announcement ID as a key in the selectedAnnouncements object', async () => {
+        const mockAnnouncement = {
+          announcement_id: faker.string.uuid(),
+        };
+        wrapper.vm.selectedAnnouncements = {};
+        wrapper.vm.selectAnnouncement(mockAnnouncement, true);
+        expect(
+          wrapper.vm.selectedAnnouncements[mockAnnouncement.announcement_id],
+        ).toBeTruthy();
+      });
+    });
+    describe('select = false', () => {
+      it('adds the announcement ID as a key in the selectedAnnouncements object', async () => {
+        const mockAnnouncement = {
+          announcement_id: faker.string.uuid(),
+        };
+        wrapper.vm.selectedAnnouncements = {};
+        wrapper.vm.selectAnnouncement(mockAnnouncement, false);
+        expect(
+          wrapper.vm.selectedAnnouncements.hasOwnProperty(
+            mockAnnouncement.announcement_id,
+          ),
+        ).toBeFalsy();
+      });
+    });
+
+    describe('toggleSelectAllAnnouncements', () => {
+      describe('select = true', () => {
+        it('selects all announcements', () => {
+          wrapper.vm.selectedAnnouncements = {};
+          wrapper.vm.searchResults = mockAnnouncements;
+          wrapper.vm.toggleSelectAllAnnouncements(true);
+          expect(wrapper.vm.selectedAnnouncements).toStrictEqual(
+            Object.fromEntries(
+              mockAnnouncements.map((a) => [a.announcement_id, true]),
+            ),
+          );
+        });
+      });
+      describe('select = false', () => {
+        it('deselects all announcements', () => {
+          wrapper.vm.selectedAnnouncements = { mock_annoncement_id: true };
+          wrapper.vm.searchResults = mockAnnouncements;
+          wrapper.vm.toggleSelectAllAnnouncements(false);
+          expect(wrapper.vm.selectedAnnouncements).toStrictEqual({});
+        });
+      });
+    });
+  });
+
+  describe('clearSelectionOfNonSearchResults', () => {
+    describe("where there is one selected announcement and it isn't in the search results", () => {
+      it('deselects all announcements', () => {
+        wrapper.vm.selectedAnnouncements = { mock_annoncement_id: true };
+        wrapper.vm.searchResults = mockAnnouncements;
+        wrapper.vm.clearSelectionOfNonSearchResults();
+        expect(wrapper.vm.selectedAnnouncements).toStrictEqual({});
+      });
+    });
+    describe('where there is one selected announcement and it is in the search results', () => {
+      it('no change to the selected announcement', () => {
+        const initialSelection = Object.fromEntries([
+          [mockAnnouncements[0].announcement_id, true],
+        ]);
+        wrapper.vm.searchResults = mockAnnouncements;
+        wrapper.vm.selectedAnnouncements = initialSelection;
+        wrapper.vm.clearSelectionOfNonSearchResults();
+        expect(wrapper.vm.selectedAnnouncements).toStrictEqual(
+          initialSelection,
+        );
+      });
+    });
+  });
 });

From 7faa459f340f4303fcfd20a92fb5b50d2632f497 Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Wed, 31 Jul 2024 14:47:35 -0700
Subject: [PATCH 5/8] added icon to delete button

---
 admin-frontend/src/components/AnnouncementsPage.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/admin-frontend/src/components/AnnouncementsPage.vue b/admin-frontend/src/components/AnnouncementsPage.vue
index 4e0f93301..187b04b9f 100644
--- a/admin-frontend/src/components/AnnouncementsPage.vue
+++ b/admin-frontend/src/components/AnnouncementsPage.vue
@@ -118,6 +118,7 @@
             <v-btn
               class="btn-secondary"
               :disabled="!selectedAnnouncementIds.length"
+              prepend-icon="mdi-delete"
               >Delete</v-btn
             >
           </v-col>

From c13cce49c437f3e45b79743cd2a63e6a52596e44 Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Wed, 31 Jul 2024 15:23:35 -0700
Subject: [PATCH 6/8] improved the fake data

---
 .../generate_fake_announcements.sql           | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/backend/db/sample-data/generate_fake_announcements.sql b/backend/db/sample-data/generate_fake_announcements.sql
index a90427f65..ee12046ef 100644
--- a/backend/db/sample-data/generate_fake_announcements.sql
+++ b/backend/db/sample-data/generate_fake_announcements.sql
@@ -13,17 +13,17 @@ begin
 
   insert into pay_transparency.announcement (title, description, published_on, expires_on, status, created_by, updated_by)
 	values 
-		('announcement 1', '', now(), now() + interval '12 week', 'PUBLISHED', adminUserId, adminUserId),
-	('announcement 2', '', now() - interval '1 week', now() + interval '12 week', 'DRAFT', adminUserId, adminUserId),
-    ('announcement 3', '', now() - interval '2 week', now() + interval '10 week', 'PUBLISHED', adminUserId, adminUserId),
-    ('announcement 4', '', now() - interval '6 week', now() + interval '11 week', 'PUBLISHED', adminUserId, adminUserId),
-    ('announcement 5', '', now() - interval '7 week', now() + interval '14 week', 'DRAFT', adminUserId, adminUserId),
-	('announcement 6', '', now(), now() + interval '12 week', 'PUBLISHED', adminUserId, adminUserId),
-	('announcement 7', '', now() - interval '1 week', now() + interval '12 week', 'DRAFT', adminUserId, adminUserId),
-    ('announcement 8', '', now() - interval '2 week', now() + interval '11 week', 'PUBLISHED', adminUserId, adminUserId),
-    ('announcement 9', '', now() - interval '3 week', now() + interval '5 week', 'DRAFT', adminUserId, adminUserId),
-	('announcement 10', '', now() - interval '2 week', now() + interval '8 week', 'PUBLISHED', adminUserId, adminUserId),
-    ('announcement 11', '', now() - interval '7 week', now() + interval '13 week', 'DRAFT', adminUserId, adminUserId);
+		('Fugiat credo', 'Aeternus conculco nihil desparatus varietas curatio soleo sublime valetudo. Ulciscor comitatus tego atque deputo soluta suadeo concido compello. Et anser bos acsi alias.', now(), now() + interval '12 week', 'PUBLISHED', adminUserId, adminUserId),
+	('Totidem ambitus', 'Depraedor adfectus vita ventito stabilis. Vorax numquam sustineo cetera brevis laborum vos ex testimonium. Stultus valeo peccatus comes abscido vilis crepusculum viscus volo.', now() - interval '1 week', now() + interval '12 week', 'DRAFT', adminUserId, adminUserId),
+    ('Delibero voluptate', 'Voveo cras tamdiu tenuis dolorem. Commodi deprecator tricesimus crux solium benigne soleo crur. Temeritas tamdiu defetiscor.', now() - interval '2 week', now() + interval '10 week', 'PUBLISHED', adminUserId, adminUserId),
+    ('Vox aranea', 'Cavus utique vestrum asporto. Depono tamdiu truculenter cicuta tibi. Tubineus conatus thema ubi.', now() - interval '6 week', now() + interval '11 week', 'PUBLISHED', adminUserId, adminUserId),
+    ('Creator solum', 'Adversus quos adeptio. Eius succurro alienus verecundia qui. Spargo basium trans corroboro ustulo.', now() - interval '7 week', now() + interval '14 week', 'DRAFT', adminUserId, adminUserId),
+	('Contego aperio', 'Ducimus cras provident tracto cohors vulgivagus. Cuppedia utor turba architecto capitulus ad aperio cur admitto. Tyrannus voluptates demo arguo attero.', now(), now() + interval '12 week', 'PUBLISHED', adminUserId, adminUserId),
+	('Eum benigne', 'Consectetur adstringo calculus talis ventito cibo supplanto vomer aegrus. Arbor eos aestivus ater tibi verecundia trans casso aegre. Thesis tribuo bene aggero strenuus ciminatio ver quibusdam virgo.', now() - interval '1 week', now() + interval '12 week', 'DRAFT', adminUserId, adminUserId),
+    ('Constans validus', 'Cohaero velut temporibus antepono. Vergo pecus tondeo vergo argentum cribro distinctio torrens. Ullus temporibus facilis magnam bellicus vinum pax nobis.', now() - interval '2 week', now() + interval '11 week', 'PUBLISHED', adminUserId, adminUserId),
+    ('Numquam tenus', 'Bonus combibo crebro blanditiis acer abbas acidus. Subnecto charisma viduo sulum expedita una excepturi recusandae causa pecto. Arceo voco cursus similique tempus claudeo sono cultellus abundans decerno.', now() - interval '3 week', now() + interval '5 week', 'DRAFT', adminUserId, adminUserId),
+	('Appono itaque', 'Antiquus acervus at vinum spectaculum adulescens adstringo villa. Tergiversatio assumenda defendo conventus usque calculus aeternus abutor cernuus totus. Arcus titulus stabilis perspiciatis.', now() - interval '2 week', now() + interval '8 week', 'PUBLISHED', adminUserId, adminUserId),
+    ('Alarte Ascendare', 'Adficio sum perspiciatis umerus cetera cribro absum. Cubitum curiositas utrimque numquam aggredior talis aedificium sortitus aperio. Cetera administratio corpus suscipit patrocinor color suppono.', now() - interval '7 week', now() + interval '13 week', 'DRAFT', adminUserId, adminUserId);
 
 end
 

From 327b4cd34bca33563976522d0c281b53351f291d Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Wed, 31 Jul 2024 15:23:49 -0700
Subject: [PATCH 7/8] removed an unhelpful button ref

---
 admin-frontend/src/components/AnnouncementsPage.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/admin-frontend/src/components/AnnouncementsPage.vue b/admin-frontend/src/components/AnnouncementsPage.vue
index 187b04b9f..036ddb9c7 100644
--- a/admin-frontend/src/components/AnnouncementsPage.vue
+++ b/admin-frontend/src/components/AnnouncementsPage.vue
@@ -100,11 +100,7 @@
                 >
               </v-list-item>
               <v-list-item>
-                <v-btn
-                  class="text-red"
-                  variant="text"
-                  prepend-icon="mdi-delete"
-                  ref="deleteAnnouncement"
+                <v-btn class="text-red" variant="text" prepend-icon="mdi-delete"
                   >Delete</v-btn
                 >
               </v-list-item>

From 3fa086644a97469db916d6e3b0d5807495f1a1d8 Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Wed, 31 Jul 2024 15:40:21 -0700
Subject: [PATCH 8/8] removed unneeded code

---
 admin-frontend/src/components/AnnouncementsPage.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/admin-frontend/src/components/AnnouncementsPage.vue b/admin-frontend/src/components/AnnouncementsPage.vue
index 036ddb9c7..431535ac4 100644
--- a/admin-frontend/src/components/AnnouncementsPage.vue
+++ b/admin-frontend/src/components/AnnouncementsPage.vue
@@ -121,10 +121,6 @@
         </v-row>
       </template>
     </v-data-table-server>
-
-    <v-row>
-      <v-col> </v-col>
-    </v-row>
   </div>
 
   <!-- dialogs -->