Shay/ticketchain
1
0
Fork 0
mirror of https://github.com/0xShay/ticketchain.git synced 2026-01-11 21:23:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎨 Fixed size of error messaging.

Browse Source
This commit is contained in:
sid
2024-10-27 09:29:01 +00:00
parent 3f2a7afd06
commit 68307085a2
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/custom/EventForm.tsx
View File

@@ -102,7 +102,7 @@ const EventForm = ({ onSubmit }: EventFormProps) => {
<div> <div>
<Label htmlFor="name">Event Name</Label> <Label htmlFor="name">Event Name</Label>
<Input id="name" {...register('name')} /> <Input id="name" {...register('name')} />
{errors.name && <p className="text-red-500">{errors.name.message}</p>} {errors.name && <p className="text-red-500 text-sm">{errors.name.message}</p>}
</div> </div>
{/* Description Field */} {/* Description Field */}
@@ -110,7 +110,7 @@ const EventForm = ({ onSubmit }: EventFormProps) => {
<Label htmlFor="description">Description</Label> <Label htmlFor="description">Description</Label>
<Textarea id="description" {...register('description')} /> <Textarea id="description" {...register('description')} />
{errors.description && ( {errors.description && (
<p className="text-red-500">{errors.description.message}</p> <p className="text-red-500 text-sm">{errors.description.message}</p>
)} )}
</div> </div>
@@ -123,7 +123,7 @@ const EventForm = ({ onSubmit }: EventFormProps) => {
{...register('capacity', { valueAsNumber: true })} {...register('capacity', { valueAsNumber: true })}
/> />
{errors.capacity && ( {errors.capacity && (
<p className="text-red-500">{errors.capacity.message}</p> <p className="text-red-500 text-sm">{errors.capacity.message}</p>
)} )}
</div> </div>
@@ -135,7 +135,7 @@ const EventForm = ({ onSubmit }: EventFormProps) => {
{...register('ticketPrice', { valueAsNumber: true })} {...register('ticketPrice', { valueAsNumber: true })}
/> />
{errors.ticketPrice && ( {errors.ticketPrice && (
<p className="text-red-500">{errors.ticketPrice.message}</p> <p className="text-red-500 text-sm">{errors.ticketPrice.message}</p>
)} )}
</div> </div>
@@ -144,7 +144,7 @@ const EventForm = ({ onSubmit }: EventFormProps) => {
<Label htmlFor="description">Location</Label> <Label htmlFor="description">Location</Label>
<Textarea id="description" {...register('location')} /> <Textarea id="description" {...register('location')} />
{errors.description && ( {errors.description && (
<p className="text-red-500">{errors.description.message}</p> <p className="text-red-500 text-sm">{errors.description.message}</p>
)} )}
</div> </div>
@@ -159,7 +159,7 @@ const EventForm = ({ onSubmit }: EventFormProps) => {
max="2100-12-31T23:59" max="2100-12-31T23:59"
/> />
{errors.eventStartTime && ( {errors.eventStartTime && (
<p className="text-red-500">{errors.eventStartTime.message}</p> <p className="text-red-500 text-sm">{errors.eventStartTime.message}</p>
)} )}
</div> </div>
@@ -174,7 +174,7 @@ const EventForm = ({ onSubmit }: EventFormProps) => {
max="2100-12-31T23:59" max="2100-12-31T23:59"
/> />
{errors.eventEndTime && ( {errors.eventEndTime && (
<p className="text-red-500">{errors.eventEndTime.message}</p> <p className="text-red-500 text-sm">{errors.eventEndTime.message}</p>
)} )}
</div> </div>
@@ -209,7 +209,7 @@ const EventForm = ({ onSubmit }: EventFormProps) => {
if (imgError) { if (imgError) {
const message = imgError.message || 'Invalid image URL'; const message = imgError.message || 'Invalid image URL';
return ( return (
<p key={index} className="text-red-500"> <p key={index} className="text-red-500 text-sm">
Image {index + 1}: {message} Image {index + 1}: {message}
</p> </p>
); );