Add Stimulus controller for announcements

app/javascript/retrospring/controllers/announcement_controller.ts

@@ -0,0 +1,19 @@
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+  static values = {
+    id: Number
+  };
+
+  declare readonly idValue: number;
+
+  connect(): void {
+    if (!window.localStorage.getItem(`announcement${this.idValue}`)) {
+      this.element.classList.remove('d-none');
+    }
+  }
+
+  close(): void {
+    window.localStorage.setItem(`announcement${this.idValue}`, 'true');
+  }
+}

app/views/shared/_announcements.html.haml

@@ -1,8 +1,8 @@
 .announcement__container
   - @active_announcements.each do |announcement|
-    .alert.announcement.alert-info.alert-dismissable.d-none{ data: { 'announcement-id': announcement.id } }
+    .alert.announcement.alert-info.alert-dismissable.d-none{ data: { controller: 'announcement', "announcement-id-value": announcement.id } }
       .container
-        %button.close{ type: :button, data: { dismiss: :alert } }
+        %button.close{ type: :button, data: { dismiss: :alert, action: "click->announcement#close" } }
           %span{ aria: { hidden: true } } ×
         %p
           = announcement.content