Skip to content

Commit a23a502

Browse files
suwizxsuwizx
committed
disable form
1 parent 768b028 commit a23a502

File tree

1 file changed

+130
-124
lines changed

1 file changed

+130
-124
lines changed

‎src/app/camps/[slug]/page.tsx‎

Lines changed: 130 additions & 124 deletions
Original file line numberDiff line numberDiff line change
@@ -277,134 +277,140 @@ export default function CampPage({ params }: { params: Promise<{ slug: string }>
277277
</div>
278278
)}
279279

280-
<Form {...form}>
281-
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
282-
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
283-
<FormField
284-
control={form.control}
285-
name="first_name"
286-
render={({ field }) => (
287-
<FormItem>
288-
<FormLabel>ชื่อ</FormLabel>
289-
<FormControl>
290-
<Input placeholder="ชื่อ" {...field} />
291-
</FormControl>
292-
<FormMessage />
293-
</FormItem>
294-
)}
295-
/>
296-
<FormField
297-
control={form.control}
298-
name="last_name"
299-
render={({ field }) => (
300-
<FormItem>
301-
<FormLabel>นามสกุล</FormLabel>
302-
<FormControl>
303-
<Input placeholder="นามสกุล" {...field} />
304-
</FormControl>
305-
<FormMessage />
306-
</FormItem>
307-
)}
308-
/>
309-
<FormField
310-
control={form.control}
311-
name="nickname"
312-
render={({ field }) => (
313-
<FormItem>
314-
<FormLabel>ชื่อเล่น</FormLabel>
315-
<FormControl>
316-
<Input placeholder="ชื่อเล่น" {...field} />
317-
</FormControl>
318-
<FormMessage />
319-
</FormItem>
320-
)}
321-
/>
322-
<FormField
323-
control={form.control}
324-
name="gender"
325-
render={({ field }) => (
326-
<FormItem>
327-
<FormLabel>เพศ</FormLabel>
328-
<Select onValueChange={field.onChange} defaultValue={field.value}>
280+
{!isFormDisabled ? (
281+
<Form {...form}>
282+
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
283+
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
284+
<FormField
285+
control={form.control}
286+
name="first_name"
287+
render={({ field }) => (
288+
<FormItem>
289+
<FormLabel>ชื่อ</FormLabel>
329290
<FormControl>
330-
<SelectTrigger>
331-
<SelectValue placeholder="เลือกเพศ" />
332-
</SelectTrigger>
291+
<Input placeholder="ชื่อ" {...field} />
333292
</FormControl>
334-
<SelectContent>
335-
<SelectItem value="male">ชาย</SelectItem>
336-
<SelectItem value="female">หญิง</SelectItem>
337-
<SelectItem value="other">อื่นๆ</SelectItem>
338-
</SelectContent>
339-
</Select>
340-
<FormMessage />
341-
</FormItem>
342-
)}
343-
/>
344-
<FormField
345-
control={form.control}
346-
name="birth_date"
347-
render={({ field }) => (
348-
<FormItem>
349-
<FormLabel>วันเกิด</FormLabel>
350-
<FormControl>
351-
<Input type="date" {...field} />
352-
</FormControl>
353-
<FormMessage />
354-
</FormItem>
355-
)}
356-
/>
357-
</div>
293+
<FormMessage />
294+
</FormItem>
295+
)}
296+
/>
297+
<FormField
298+
control={form.control}
299+
name="last_name"
300+
render={({ field }) => (
301+
<FormItem>
302+
<FormLabel>นามสกุล</FormLabel>
303+
<FormControl>
304+
<Input placeholder="นามสกุล" {...field} />
305+
</FormControl>
306+
<FormMessage />
307+
</FormItem>
308+
)}
309+
/>
310+
<FormField
311+
control={form.control}
312+
name="nickname"
313+
render={({ field }) => (
314+
<FormItem>
315+
<FormLabel>ชื่อเล่น</FormLabel>
316+
<FormControl>
317+
<Input placeholder="ชื่อเล่น" {...field} />
318+
</FormControl>
319+
<FormMessage />
320+
</FormItem>
321+
)}
322+
/>
323+
<FormField
324+
control={form.control}
325+
name="gender"
326+
render={({ field }) => (
327+
<FormItem>
328+
<FormLabel>เพศ</FormLabel>
329+
<Select onValueChange={field.onChange} defaultValue={field.value}>
330+
<FormControl>
331+
<SelectTrigger>
332+
<SelectValue placeholder="เลือกเพศ" />
333+
</SelectTrigger>
334+
</FormControl>
335+
<SelectContent>
336+
<SelectItem value="male">ชาย</SelectItem>
337+
<SelectItem value="female">หญิง</SelectItem>
338+
<SelectItem value="other">อื่นๆ</SelectItem>
339+
</SelectContent>
340+
</Select>
341+
<FormMessage />
342+
</FormItem>
343+
)}
344+
/>
345+
<FormField
346+
control={form.control}
347+
name="birth_date"
348+
render={({ field }) => (
349+
<FormItem>
350+
<FormLabel>วันเกิด</FormLabel>
351+
<FormControl>
352+
<Input type="date" {...field} />
353+
</FormControl>
354+
<FormMessage />
355+
</FormItem>
356+
)}
357+
/>
358+
</div>
358359

359-
<div className="space-y-4">
360-
<FormField
361-
control={form.control}
362-
name="question1"
363-
render={({ field }) => (
364-
<FormItem>
365-
<FormLabel>คำถามที่ 1</FormLabel>
366-
<FormControl>
367-
<Textarea placeholder="คำตอบของคุณ" {...field} />
368-
</FormControl>
369-
<FormMessage />
370-
</FormItem>
371-
)}
372-
/>
373-
<FormField
374-
control={form.control}
375-
name="question2"
376-
render={({ field }) => (
377-
<FormItem>
378-
<FormLabel>คำถามที่ 2</FormLabel>
379-
<FormControl>
380-
<Textarea placeholder="คำตอบของคุณ" {...field} />
381-
</FormControl>
382-
<FormMessage />
383-
</FormItem>
384-
)}
385-
/>
386-
<FormField
387-
control={form.control}
388-
name="question3"
389-
render={({ field }) => (
390-
<FormItem>
391-
<FormLabel>คำถามที่ 3</FormLabel>
392-
<FormControl>
393-
<Textarea placeholder="คำตอบของคุณ" {...field} />
394-
</FormControl>
395-
<FormMessage />
396-
</FormItem>
397-
)}
398-
/>
399-
</div>
360+
<div className="space-y-4">
361+
<FormField
362+
control={form.control}
363+
name="question1"
364+
render={({ field }) => (
365+
<FormItem>
366+
<FormLabel>คำถามที่ 1</FormLabel>
367+
<FormControl>
368+
<Textarea placeholder="คำตอบของคุณ" {...field} />
369+
</FormControl>
370+
<FormMessage />
371+
</FormItem>
372+
)}
373+
/>
374+
<FormField
375+
control={form.control}
376+
name="question2"
377+
render={({ field }) => (
378+
<FormItem>
379+
<FormLabel>คำถามที่ 2</FormLabel>
380+
<FormControl>
381+
<Textarea placeholder="คำตอบของคุณ" {...field} />
382+
</FormControl>
383+
<FormMessage />
384+
</FormItem>
385+
)}
386+
/>
387+
<FormField
388+
control={form.control}
389+
name="question3"
390+
render={({ field }) => (
391+
<FormItem>
392+
<FormLabel>คำถามที่ 3</FormLabel>
393+
<FormControl>
394+
<Textarea placeholder="คำตอบของคุณ" {...field} />
395+
</FormControl>
396+
<FormMessage />
397+
</FormItem>
398+
)}
399+
/>
400+
</div>
400401

401-
<div className="flex justify-end">
402-
<Button type="submit" disabled={isSubmitting || isFormDisabled}>
403-
{isSubmitting ? 'กำลังส่ง...' : 'ส่งใบสมัคร'}
404-
</Button>
405-
</div>
406-
</form>
407-
</Form>
402+
<div className="flex justify-end">
403+
<Button type="submit" disabled={isSubmitting}>
404+
{isSubmitting ? 'กำลังส่ง...' : 'ส่งใบสมัคร'}
405+
</Button>
406+
</div>
407+
</form>
408+
</Form>
409+
) : (
410+
<div className="text-center py-8">
411+
<p className="text-lg text-gray-600">คุณได้ลงทะเบียนค่ายนี้ไปแล้ว</p>
412+
</div>
413+
)}
408414
</CardContent>
409415
</Card>
410416
</div>

0 commit comments

Comments
 (0)