From 9b2f14b13149546de909b4489d19ef8cf611fd59 Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Tue, 20 Aug 2024 18:56:42 +0200
Subject: [PATCH] [bugfix/frontend] Fix error on submitting domain perm with
 enter key (#3218)

---
 web/source/settings/style.css                       |  4 ++++
 .../moderation/domain-permissions/overview.tsx      | 13 ++++++++-----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index 3d1545634..ad4b1c3c5 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -581,6 +581,10 @@ span.form-info {
 	.filter {
 		display: flex;
 		gap: 0.5rem;
+
+		button {
+			width: 100%;
+		}
 	}
 
 	.entry {
diff --git a/web/source/settings/views/moderation/domain-permissions/overview.tsx b/web/source/settings/views/moderation/domain-permissions/overview.tsx
index 78560ba34..b2e675e05 100644
--- a/web/source/settings/views/moderation/domain-permissions/overview.tsx
+++ b/web/source/settings/views/moderation/domain-permissions/overview.tsx
@@ -100,7 +100,7 @@ function DomainPermsList({ data, permType, permTypeUpper }: DomainPermsListProps
 	
 	function filterFormSubmit(e) {
 		e.preventDefault();
-		setLocation(`/${filter}`);
+		setLocation(`/${permType}s/${filter}`);
 	}
 	
 	const filter = filterField.value ?? "";
@@ -136,12 +136,15 @@ function DomainPermsList({ data, permType, permTypeUpper }: DomainPermsListProps
 					placeholder="example.org"
 					label={`Search or add domain ${permType}`}
 				/>
-				<Link
-					className="button"
-					to={`/${permType}s/${filter}`}
+				<button
+					type="submit"
+					disabled={
+						filterField.value === undefined ||
+						filterField.value.length == 0
+					}
 				>
 					{permTypeUpper}&nbsp;{filter}
-				</Link>
+				</button>
 			</form>
 			<div>
 				{filterInfo}