From f7c9a14e92ca5b40c108b85edb99cacc8c34dce8 Mon Sep 17 00:00:00 2001
From: Aarnav Tale <aarnavtale@icloud.com>
Date: Sat, 1 Mar 2025 10:32:33 -0500
Subject: [PATCH] chore: temporarily halt full form validation

---
 app/components/Dialog.tsx | 4 +---
 app/components/Input.tsx  | 5 +++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/components/Dialog.tsx b/app/components/Dialog.tsx
index 7a2074f..a67e18b 100644
--- a/app/components/Dialog.tsx
+++ b/app/components/Dialog.tsx
@@ -122,9 +122,7 @@ function Panel(props: DialogPanelProps) {
 							<Button
 								type="submit"
 								variant={variant === 'destructive' ? 'danger' : 'heavy'}
-								isDisabled={
-									isDisabled || !(ref.current?.checkValidity() ?? true)
-								}
+								isDisabled={isDisabled}
 							>
 								Confirm
 							</Button>
diff --git a/app/components/Input.tsx b/app/components/Input.tsx
index 804062a..54cb64f 100644
--- a/app/components/Input.tsx
+++ b/app/components/Input.tsx
@@ -1,3 +1,4 @@
+import { Asterisk } from 'lucide-react';
 import { useRef } from 'react';
 import { type AriaTextFieldProps, useId, useTextField } from 'react-aria';
 import cn from '~/utils/cn';
@@ -9,6 +10,7 @@ export interface InputProps extends AriaTextFieldProps<HTMLInputElement> {
 	className?: string;
 }
 
+// TODO: Custom isInvalid logic for custom error messages
 export default function Input(props: InputProps) {
 	const { label, labelHidden, className } = props;
 	const ref = useRef<HTMLInputElement | null>(null);
@@ -42,6 +44,9 @@ export default function Input(props: InputProps) {
 				)}
 			>
 				{label}
+				{props.isRequired && (
+					<Asterisk className="inline w-3.5 text-red-500 pb-1 ml-0.5" />
+				)}
 			</label>
 			<input
 				{...inputProps}