From 2986e42c530366a54d1bcaa943f4a027e3b50ef7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vili=20Sinerv=C3=A4?= <vili.m.sinerva@gmail.com>
Date: Sun, 31 Dec 2023 00:59:33 +0200
Subject: [PATCH 1/2] Add disabled pattern delete button when no patterns
 selected

---
 sites/shared/components/account/patterns.mjs | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/sites/shared/components/account/patterns.mjs b/sites/shared/components/account/patterns.mjs
index 0d0437334ad..63ce6dae63e 100644
--- a/sites/shared/components/account/patterns.mjs
+++ b/sites/shared/components/account/patterns.mjs
@@ -585,7 +585,11 @@ export const Patterns = () => {
         <button className="btn btn-error" onClick={removeSelectedPatterns}>
           <TrashIcon /> {selCount} {t('patterns')}
         </button>
-      ) : null}
+      ) : (
+        <button className="btn" onClick={null}>
+          <TrashIcon /> {selCount} {t('patterns')}
+        </button>
+      )}
       <TableWrapper>
         <table className="table table-auto">
           <thead className="border border-base-300 border-b-2 border-t-0 border-x-0">

From 54f189717abae90cb05c78c67fd54501fedebdf9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vili=20Sinerv=C3=A4?= <vili.m.sinerva@gmail.com>
Date: Mon, 1 Jan 2024 13:57:18 +0200
Subject: [PATCH 2/2] Change to using 'disabled' HTML attribute

---
 sites/shared/components/account/patterns.mjs | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/sites/shared/components/account/patterns.mjs b/sites/shared/components/account/patterns.mjs
index 63ce6dae63e..4922f3e0aa1 100644
--- a/sites/shared/components/account/patterns.mjs
+++ b/sites/shared/components/account/patterns.mjs
@@ -581,15 +581,9 @@ export const Patterns = () => {
           {t('patternNew')}
         </Link>
       </p>
-      {selCount ? (
-        <button className="btn btn-error" onClick={removeSelectedPatterns}>
-          <TrashIcon /> {selCount} {t('patterns')}
-        </button>
-      ) : (
-        <button className="btn" onClick={null}>
-          <TrashIcon /> {selCount} {t('patterns')}
-        </button>
-      )}
+      <button className="btn btn-error" onClick={removeSelectedPatterns} disabled={selCount < 1}>
+        <TrashIcon /> {selCount} {t('patterns')}
+      </button>
       <TableWrapper>
         <table className="table table-auto">
           <thead className="border border-base-300 border-b-2 border-t-0 border-x-0">