From a8be87c2050a58221c4652b99482a946d62cbe3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ondr=CC=8Cej=20Ny=CC=81vlt?= <ondrej@nyv.lt>
Date: Sat, 26 Aug 2023 12:56:15 +0200
Subject: [PATCH] Fix fix

---
 view/templates/parts/filters.html | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/view/templates/parts/filters.html b/view/templates/parts/filters.html
index db3da2b..70c12bb 100644
--- a/view/templates/parts/filters.html
+++ b/view/templates/parts/filters.html
@@ -25,19 +25,17 @@
 				</svg>
 			</button>
 
-			<button type="button" class="button-outline button-md" @click="document.querySelector('#feeds-dialog').showModal()">
+			<button type="button" class="button-outline button-md" @click="$refs.feedsDialog.showModal()">
 				<svg class="w-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 14L4 5V3H20V5L14 14V20L10 22V14Z"></path></svg>
 				Feeds
 			</button>
 
-			<dialog id="feeds-dialog" hx-boost="false" class="dialog">
+			<dialog hx-boost="false" class="dialog" x-ref="feedsDialog">
 				<header class="flex justify-between mb-6 items-center">
 					<p>Filter by feed</p>
-					<form method="dialog">
-						<button class="button-outline button-md">
-							✕
-						</button>
-					</form>
+					<button formmethod="dialog" class="button-outline button-md" @click="$refs.feedsDialog.close()">
+						✕
+					</button>
 				</header>
 
 				<div class="columns-2 mb-6">