Mark notifications read when clicked on

app/javascript/controllers/notifications/readings_controller.js

@@ -0,0 +1,18 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  record({ target, params: { url } }) {
+    navigator.sendBeacon(url, this.#csrfPayload())
+    target.remove()
+  }
+
+  #csrfPayload() {
+    const data = new FormData()
+    data.append("authenticity_token", this.#csrfToken())
+    return data
+  }
+
+  #csrfToken() {
+    return document.querySelector('meta[name="csrf-token"]').content
+  }
+}