From 1c88fe55cbae0c079512315f98494f45c8f09075 Mon Sep 17 00:00:00 2001
From: Aarnav Tale <aarnavtale@icloud.com>
Date: Sun, 4 May 2025 14:47:20 -0400
Subject: [PATCH] fix: use AAAA and A info the record dialog

---
 app/routes/dns/dialogs/add-record.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/routes/dns/dialogs/add-record.tsx b/app/routes/dns/dialogs/add-record.tsx
index 174b579..7610bbd 100644
--- a/app/routes/dns/dialogs/add-record.tsx
+++ b/app/routes/dns/dialogs/add-record.tsx
@@ -9,6 +9,7 @@ interface Props {
 }
 
 export default function AddRecord({ records }: Props) {
+	const [type, setType] = useState<'A' | 'AAAA' | string>('A');
 	const [name, setName] = useState('');
 	const [ip, setIp] = useState('');
 
@@ -23,7 +24,12 @@ export default function AddRecord({ records }: Props) {
 	return (
 		<Dialog>
 			<Dialog.Button>Add DNS record</Dialog.Button>
-			<Dialog.Panel>
+			<Dialog.Panel
+				onSubmit={() => {
+					setName('');
+					setIp('');
+				}}
+			>
 				<Dialog.Title>Add DNS record</Dialog.Title>
 				<Dialog.Text>
 					Enter the domain and IP address for the new DNS record.
@@ -34,7 +40,10 @@ export default function AddRecord({ records }: Props) {
 						isRequired
 						label="Record Type"
 						name="record_type"
-						defaultInputValue="A"
+						defaultInputValue={type}
+						onSelectionChange={(v) => {
+							if (v) setType(v.toString() as 'A' | 'AAAA');
+						}}
 					>
 						<Select.Item key="A">A</Select.Item>
 						<Select.Item key="AAAA">AAAA</Select.Item>
@@ -50,7 +59,9 @@ export default function AddRecord({ records }: Props) {
 					<Input
 						isRequired
 						label="IP Address"
-						placeholder="101.101.101.101"
+						placeholder={
+							type === 'AAAA' ? '2001:db8::ff00:42:8329' : '101.101.101.101'
+						}
 						name="record_value"
 						onChange={setIp}
 						isInvalid={isDuplicate}