From 58e21336cdfec1ad40502b730698f6d5e7343101 Mon Sep 17 00:00:00 2001 From: Andrew Tomaka Date: Mon, 16 Jun 2025 22:23:09 -0400 Subject: [PATCH] Use tailwind peer instead of javascript --- .../controllers/dropdown_controller.js | 39 ------------------- .../controllers/navigation_controller.js | 21 ---------- app/views/layouts/application.html.erb | 13 +++---- app/views/shared/_user_dropdown.html.erb | 25 ++++++------ 4 files changed, 19 insertions(+), 79 deletions(-) delete mode 100644 app/javascript/controllers/dropdown_controller.js delete mode 100644 app/javascript/controllers/navigation_controller.js diff --git a/app/javascript/controllers/dropdown_controller.js b/app/javascript/controllers/dropdown_controller.js deleted file mode 100644 index 99d32de..0000000 --- a/app/javascript/controllers/dropdown_controller.js +++ /dev/null @@ -1,39 +0,0 @@ -import { Controller } from "@hotwired/stimulus" - -export default class extends Controller { - static targets = ["button", "menu", "chevron"] - - connect() { - this.closeOnClickOutside = this.closeOnClickOutside.bind(this) - } - - toggle() { - if (this.menuTarget.classList.contains("hidden")) { - this.open() - } else { - this.close() - } - } - - open() { - this.menuTarget.classList.remove("hidden") - this.chevronTarget.classList.add("rotate-180") - document.addEventListener("click", this.closeOnClickOutside) - } - - close() { - this.menuTarget.classList.add("hidden") - this.chevronTarget.classList.remove("rotate-180") - document.removeEventListener("click", this.closeOnClickOutside) - } - - closeOnClickOutside(event) { - if (!this.element.contains(event.target)) { - this.close() - } - } - - disconnect() { - document.removeEventListener("click", this.closeOnClickOutside) - } -} \ No newline at end of file diff --git a/app/javascript/controllers/navigation_controller.js b/app/javascript/controllers/navigation_controller.js deleted file mode 100644 index fad8f4f..0000000 --- a/app/javascript/controllers/navigation_controller.js +++ /dev/null @@ -1,21 +0,0 @@ -import { Controller } from "@hotwired/stimulus" - -export default class extends Controller { - static targets = ["hamburger", "menu"] - - toggle() { - if (this.menuTarget.classList.contains("hidden")) { - this.open() - } else { - this.close() - } - } - - open() { - this.menuTarget.classList.remove("hidden") - } - - close() { - this.menuTarget.classList.add("hidden") - } -} \ No newline at end of file diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index dfb32ab..59e23e6 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -12,7 +12,8 @@ -