From a340b3d263811e5e2e6cf552b3c8a4cab8714b49 Mon Sep 17 00:00:00 2001
From: Aarnav Tale <aarnavtale@icloud.com>
Date: Thu, 28 Mar 2024 19:45:00 -0400
Subject: [PATCH] fix: oops forgot to disable buttons with empty input

---
 app/routes/_data.dns._index/domains.tsx | 6 +++++-
 app/routes/_data.dns._index/route.tsx   | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/routes/_data.dns._index/domains.tsx b/app/routes/_data.dns._index/domains.tsx
index 1af81c1..4c2962e 100644
--- a/app/routes/_data.dns._index/domains.tsx
+++ b/app/routes/_data.dns._index/domains.tsx
@@ -120,7 +120,11 @@ export default function Domains({ baseDomain, searchDomains }: Properties) {
 						/>
 						<button
 							type='button'
-							className='text-sm text-blue-700'
+							className={clsx(
+								'text-sm text-blue-700',
+								newDomain.length === 0 ? 'opacity-50 cursor-not-allowed' : ''
+							)}
+							disabled={newDomain.length === 0}
 							onClick={() => {
 								fetcher.submit({
 								// eslint-disable-next-line @typescript-eslint/naming-convention
diff --git a/app/routes/_data.dns._index/route.tsx b/app/routes/_data.dns._index/route.tsx
index 394f09c..62ac091 100644
--- a/app/routes/_data.dns._index/route.tsx
+++ b/app/routes/_data.dns._index/route.tsx
@@ -144,7 +144,11 @@ export default function Page() {
 							/>
 							<button
 								type='button'
-								className='text-sm text-blue-700'
+								className={clsx(
+									'text-sm text-blue-700',
+									ns.length === 0 ? 'opacity-50 cursor-not-allowed' : ''
+								)}
+								disabled={ns.length === 0}
 								onClick={() => {
 									fetcher.submit({
 										// eslint-disable-next-line @typescript-eslint/naming-convention