Skip to content

Commit f1e3ba1

Browse files
AngeloCarnevaleAngeloCarnevale
committed
refactor: theme form
1 parent 478e662 commit f1e3ba1

File tree

6 files changed

+52
-32
lines changed

6 files changed

+52
-32
lines changed

‎src/app/app/_components/user-dropdown.tsx

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
"use client"
2+
13
import { Button } from "@/components/ui/button";
24
import {
35
DropdownMenu,
@@ -21,6 +23,7 @@ type UserdropdwonProps = {
2123

2224
export function UserDropdown({ user }: UserdropdwonProps) {
2325
if (!user) return;
26+
2427
return (
2528
<DropdownMenu>
2629
<DropdownMenuTrigger asChild>

‎src/app/app/projects/(main)/_components/new-project-dialog.tsx

+31-15
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
7777
<DialogTrigger asChild>
7878
<div ref={ref}>{children}</div>
7979
</DialogTrigger>
80-
<DialogContent>
80+
<DialogContent className="dark:bg-[#1a1a1a]">
8181
<DialogHeader>
8282
<DialogTitle>Criar um novo projeto</DialogTitle>
8383
<DialogDescription>Crie um novo projeto.</DialogDescription>
@@ -101,7 +101,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
101101
<FormItem>
102102
<FormLabel>Nome</FormLabel>
103103
<FormControl>
104-
<Input {...field} />
104+
<Input {...field} placeholder="Projeto novo" />
105105
</FormControl>
106106
<FormMessage />
107107
</FormItem>
@@ -114,7 +114,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
114114
<FormItem>
115115
<FormLabel>Número</FormLabel>
116116
<FormControl>
117-
<Input {...field} />
117+
<Input {...field} placeholder="BM-000000001" />
118118
</FormControl>
119119
<FormMessage />
120120
</FormItem>
@@ -127,7 +127,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
127127
<FormItem>
128128
<FormLabel>Descritivo (Opcional)</FormLabel>
129129
<FormControl>
130-
<Textarea {...field} />
130+
<Textarea {...field} placeholder="Breve descrição sobre o projeto..." />
131131
</FormControl>
132132
<FormMessage />
133133
</FormItem>
@@ -140,7 +140,15 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
140140
<FormItem>
141141
<FormLabel>Cliente</FormLabel>
142142
<FormControl>
143-
<Input {...field} />
143+
<Select required onValueChange={field.onChange} value={field.value}>
144+
<SelectTrigger>
145+
<SelectValue placeholder="Selecione o cliente..." />
146+
</SelectTrigger>
147+
<SelectContent>
148+
<SelectItem value="Bosch BR">Bosch BR</SelectItem>
149+
<SelectItem value="Toyota">Toyota</SelectItem>
150+
</SelectContent>
151+
</Select>
144152
</FormControl>
145153
<FormMessage />
146154
</FormItem>
@@ -153,7 +161,15 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
153161
<FormItem>
154162
<FormLabel>Motor</FormLabel>
155163
<FormControl>
156-
<Input {...field} />
164+
<Select required onValueChange={field.onChange} value={field.value}>
165+
<SelectTrigger>
166+
<SelectValue placeholder="Selecione o motor..." />
167+
</SelectTrigger>
168+
<SelectContent>
169+
<SelectItem value="Motor 1">Motor 2</SelectItem>
170+
<SelectItem value="Motor 2">Motor 1</SelectItem>
171+
</SelectContent>
172+
</Select>
157173
</FormControl>
158174
<FormMessage />
159175
</FormItem>
@@ -207,7 +223,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
207223
<FormControl>
208224
<Select required onValueChange={field.onChange} value={field.value}>
209225
<SelectTrigger>
210-
<SelectValue placeholder="Selecione o tipo de injeção" />
226+
<SelectValue placeholder="Selecione o tipo de aspiração" />
211227
</SelectTrigger>
212228
<SelectContent>
213229
<SelectItem value="direta">Simples</SelectItem>
@@ -224,11 +240,11 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
224240
name="fuel"
225241
render={({ field }) => (
226242
<FormItem>
227-
<FormLabel>Fuel</FormLabel>
243+
<FormLabel>Combustível</FormLabel>
228244
<FormControl>
229245
<Select required onValueChange={field.onChange} value={field.value}>
230246
<SelectTrigger>
231-
<SelectValue placeholder="Selecione o tipo de combustível" />
247+
<SelectValue placeholder="Selecione o tipo de combustível..." />
232248
</SelectTrigger>
233249
<SelectContent>
234250
<SelectItem value="gasolina">Gasolina</SelectItem>
@@ -251,7 +267,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
251267
<FormControl>
252268
<Select required onValueChange={field.onChange} value={field.value}>
253269
<SelectTrigger>
254-
<SelectValue placeholder="Selecione o tipo de câmbio" />
270+
<SelectValue placeholder="Selecione o tipo de câmbio..." />
255271
</SelectTrigger>
256272
<SelectContent>
257273
<SelectItem value="teste">Teste</SelectItem>
@@ -276,7 +292,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
276292
<FormControl>
277293
<Select required onValueChange={field.onChange} value={field.value}>
278294
<SelectTrigger>
279-
<SelectValue placeholder="Selecione o tipo de injeção" />
295+
<SelectValue placeholder="Selecione o tipo de injeção..." />
280296
</SelectTrigger>
281297
<SelectContent>
282298
<SelectItem value="direta">Simples</SelectItem>
@@ -297,7 +313,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
297313
<FormControl>
298314
<Select required onValueChange={field.onChange} value={field.value}>
299315
<SelectTrigger>
300-
<SelectValue placeholder="Selecione o mercado" />
316+
<SelectValue placeholder="Selecione o mercado..." />
301317
</SelectTrigger>
302318
<SelectContent>
303319
<SelectItem value="direta">Simples</SelectItem>
@@ -318,7 +334,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
318334
<FormControl>
319335
<Select required onValueChange={field.onChange} value={field.value}>
320336
<SelectTrigger>
321-
<SelectValue placeholder="Selecione a legislação" />
337+
<SelectValue placeholder="Selecione a legislação..." />
322338
</SelectTrigger>
323339
<SelectContent>
324340
<SelectItem value="direta">Simples</SelectItem>
@@ -339,7 +355,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
339355
<FormControl>
340356
<Select required onValueChange={field.onChange} value={field.value}>
341357
<SelectTrigger>
342-
<SelectValue placeholder="Selecione o tipo de injeção" />
358+
<SelectValue placeholder="Selecione o ciclo..." />
343359
</SelectTrigger>
344360
<SelectContent>
345361
<SelectItem value="direta">Simples</SelectItem>
@@ -360,7 +376,7 @@ export function NewProjectDialog({ children }: PropsWithChildren) {
360376
<FormControl>
361377
<Select required onValueChange={field.onChange} value={field.value}>
362378
<SelectTrigger>
363-
<SelectValue placeholder="Selecione o tipo de injeção" />
379+
<SelectValue placeholder="Selecione a diagnose..." />
364380
</SelectTrigger>
365381
<SelectContent>
366382
<SelectItem value="direta">Simples</SelectItem>

‎src/app/app/projects/(main)/schema.ts

+12-12
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,18 @@ export const createProjectSchema = z.object({
55
name: z.string().min(1, { message: "É preciso inserir o nome do projeto" }),
66
number: z.string().min(1, { message: "É preciso inserir o número do projeto" }),
77
description: z.string().optional(),
8-
client: z.string().min(1),
9-
motor: z.string().min(1),
10-
motorFamily: z.string().min(1),
11-
injection: z.string().min(1),
12-
aspiration: z.string().min(1),
13-
fuel: z.string().min(1),
14-
gearBox: z.string().min(1),
15-
powertrain: z.string().min(1),
16-
market: z.string().min(1),
17-
legislation: z.string().min(1),
18-
cicle: z.string().min(1),
19-
diagnose: z.string().min(1),
8+
client: z.string().min(1, { message: "É preciso selecionar um cliente" }),
9+
motor: z.string().min(1, { message: "É preciso selecionar o motor" }),
10+
motorFamily: z.string().min(1, { message: "É preciso selecionar a família motor" }),
11+
injection: z.string().min(1, { message: "É preciso selecionar o tipo de injeção" }),
12+
aspiration: z.string().min(1, { message: "É preciso selecionar o tipo de aspiração" }),
13+
fuel: z.string().min(1, { message: "É preciso selecionar o tipo da injeção" }),
14+
gearBox: z.string().min(1, { message: "É preciso selecionar o câmbio" }),
15+
powertrain: z.string().min(1, { message: "É preciso selecionar o powertrain" }),
16+
market: z.string().min(1, { message: "É preciso selecionar o mercado" }),
17+
legislation: z.string().min(1, { message: "É preciso selecionar a legislação" }),
18+
cicle: z.string().min(1, { message: "É preciso selecionar o ciclo" }),
19+
diagnose: z.string().min(1, { message: "É preciso selecionar a diagnose" }),
2020
})
2121

2222
export type FormDataCreateProject = z.infer<typeof createProjectSchema>

‎src/app/app/settings/theme/_components/ThemeForm.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -103,8 +103,8 @@ export function ThemeForm() {
103103
</CardContent>
104104
</Card>
105105
<Button disabled={form.formState.isSubmitting} type="submit">
106-
{form.formState.isSubmitting && "Salvando..."}
107-
{!form.formState.isSubmitting && "Salvar"}
106+
{form.formState.isSubmitting && "Atualizando..."}
107+
{!form.formState.isSubmitting && "Atualizar"}
108108
</Button>
109109
</form>
110110
</Form >)

‎src/app/auth/signin/_components/sign-in-form.tsx

+3-2
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,9 @@ export function SignInForm() {
1919
Login para funcionários
2020
</h2>
2121
</div>
22-
<Button className="w-full" type='submit' variant="default">
23-
Bosch Login
22+
<Button className="w-full" type='submit' variant="default" disabled={form.formState.isSubmitting}>
23+
{form.formState.isSubmitting && "Entrando..."}
24+
{!form.formState.isSubmitting && "Bosch Login"}
2425
</Button>
2526
</form>
2627
</div>

‎src/components/ui/dialog.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ const DialogContent = React.forwardRef<
3838
<DialogPrimitive.Content
3939
ref={ref}
4040
className={cn(
41-
"dark:bg-[#1a1a1a] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
41+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
4242
className
4343
)}
4444
{...props}

0 commit comments

Comments
 (0)