forked from git.gladyson/openmonetis
feat: adição de novos ícones SVG e configuração do ambiente
- Adicionados ícones SVG para ChatGPT, Claude, Gemini e OpenRouter - Implementados ícones para modos claro e escuro do ChatGPT - Criado script de inicialização para PostgreSQL com extensão pgcrypto - Adicionado script de configuração de ambiente que faz backup do .env - Configurado tsconfig.json para TypeScript com opções de compilação
This commit is contained in:
Felipe Coutinho
257
app/(dashboard)/ajustes/actions.ts
Normal file
257
app/(dashboard)/ajustes/actions.ts
Normal file
@@ -0,0 +1,257 @@
|
||||
"use server";
|
||||
|
||||
import { auth } from "@/lib/auth/config";
|
||||
import { db, schema } from "@/lib/db";
|
||||
import { eq, and, ne } from "drizzle-orm";
|
||||
import { headers } from "next/headers";
|
||||
import { revalidatePath } from "next/cache";
|
||||
import { z } from "zod";
|
||||
|
||||
type ActionResponse<T = void> = {
|
||||
success: boolean;
|
||||
message?: string;
|
||||
error?: string;
|
||||
data?: T;
|
||||
};
|
||||
|
||||
// Schema de validação
|
||||
const updateNameSchema = z.object({
|
||||
firstName: z.string().min(1, "Primeiro nome é obrigatório"),
|
||||
lastName: z.string().min(1, "Sobrenome é obrigatório"),
|
||||
});
|
||||
|
||||
const updatePasswordSchema = z
|
||||
.object({
|
||||
newPassword: z.string().min(6, "A senha deve ter no mínimo 6 caracteres"),
|
||||
confirmPassword: z.string(),
|
||||
})
|
||||
.refine((data) => data.newPassword === data.confirmPassword, {
|
||||
message: "As senhas não coincidem",
|
||||
path: ["confirmPassword"],
|
||||
});
|
||||
|
||||
const updateEmailSchema = z
|
||||
.object({
|
||||
newEmail: z.string().email("E-mail inválido"),
|
||||
confirmEmail: z.string().email("E-mail inválido"),
|
||||
})
|
||||
.refine((data) => data.newEmail === data.confirmEmail, {
|
||||
message: "Os e-mails não coincidem",
|
||||
path: ["confirmEmail"],
|
||||
});
|
||||
|
||||
const deleteAccountSchema = z.object({
|
||||
confirmation: z.literal("DELETAR", {
|
||||
errorMap: () => ({ message: 'Você deve digitar "DELETAR" para confirmar' }),
|
||||
}),
|
||||
});
|
||||
|
||||
// Actions
|
||||
|
||||
export async function updateNameAction(
|
||||
data: z.infer<typeof updateNameSchema>
|
||||
): Promise<ActionResponse> {
|
||||
try {
|
||||
const session = await auth.api.getSession({
|
||||
headers: await headers(),
|
||||
});
|
||||
|
||||
if (!session?.user?.id) {
|
||||
return {
|
||||
success: false,
|
||||
error: "Não autenticado",
|
||||
};
|
||||
}
|
||||
|
||||
const validated = updateNameSchema.parse(data);
|
||||
const fullName = `${validated.firstName} ${validated.lastName}`;
|
||||
|
||||
await db
|
||||
.update(schema.user)
|
||||
.set({ name: fullName })
|
||||
.where(eq(schema.user.id, session.user.id));
|
||||
|
||||
// Revalidar o layout do dashboard para atualizar a sidebar
|
||||
revalidatePath("/", "layout");
|
||||
|
||||
return {
|
||||
success: true,
|
||||
message: "Nome atualizado com sucesso",
|
||||
};
|
||||
} catch (error) {
|
||||
if (error instanceof z.ZodError) {
|
||||
return {
|
||||
success: false,
|
||||
error: error.errors[0]?.message || "Dados inválidos",
|
||||
};
|
||||
}
|
||||
|
||||
console.error("Erro ao atualizar nome:", error);
|
||||
return {
|
||||
success: false,
|
||||
error: "Erro ao atualizar nome. Tente novamente.",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export async function updatePasswordAction(
|
||||
data: z.infer<typeof updatePasswordSchema>
|
||||
): Promise<ActionResponse> {
|
||||
try {
|
||||
const session = await auth.api.getSession({
|
||||
headers: await headers(),
|
||||
});
|
||||
|
||||
if (!session?.user?.id || !session?.user?.email) {
|
||||
return {
|
||||
success: false,
|
||||
error: "Não autenticado",
|
||||
};
|
||||
}
|
||||
|
||||
const validated = updatePasswordSchema.parse(data);
|
||||
|
||||
// Usar a API do Better Auth para atualizar a senha
|
||||
try {
|
||||
await auth.api.changePassword({
|
||||
body: {
|
||||
newPassword: validated.newPassword,
|
||||
currentPassword: "", // Better Auth pode não exigir a senha atual dependendo da configuração
|
||||
},
|
||||
headers: await headers(),
|
||||
});
|
||||
|
||||
return {
|
||||
success: true,
|
||||
message: "Senha atualizada com sucesso",
|
||||
};
|
||||
} catch (authError) {
|
||||
console.error("Erro na API do Better Auth:", authError);
|
||||
// Se a API do Better Auth falhar, retornar erro genérico
|
||||
return {
|
||||
success: false,
|
||||
error: "Erro ao atualizar senha. Tente novamente.",
|
||||
};
|
||||
}
|
||||
} catch (error) {
|
||||
if (error instanceof z.ZodError) {
|
||||
return {
|
||||
success: false,
|
||||
error: error.errors[0]?.message || "Dados inválidos",
|
||||
};
|
||||
}
|
||||
|
||||
console.error("Erro ao atualizar senha:", error);
|
||||
return {
|
||||
success: false,
|
||||
error: "Erro ao atualizar senha. Tente novamente.",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export async function updateEmailAction(
|
||||
data: z.infer<typeof updateEmailSchema>
|
||||
): Promise<ActionResponse> {
|
||||
try {
|
||||
const session = await auth.api.getSession({
|
||||
headers: await headers(),
|
||||
});
|
||||
|
||||
if (!session?.user?.id) {
|
||||
return {
|
||||
success: false,
|
||||
error: "Não autenticado",
|
||||
};
|
||||
}
|
||||
|
||||
const validated = updateEmailSchema.parse(data);
|
||||
|
||||
// Verificar se o e-mail já está em uso por outro usuário
|
||||
const existingUser = await db.query.user.findFirst({
|
||||
where: and(
|
||||
eq(schema.user.email, validated.newEmail),
|
||||
ne(schema.user.id, session.user.id)
|
||||
),
|
||||
});
|
||||
|
||||
if (existingUser) {
|
||||
return {
|
||||
success: false,
|
||||
error: "Este e-mail já está em uso",
|
||||
};
|
||||
}
|
||||
|
||||
// Atualizar e-mail
|
||||
await db
|
||||
.update(schema.user)
|
||||
.set({
|
||||
email: validated.newEmail,
|
||||
emailVerified: false, // Marcar como não verificado
|
||||
})
|
||||
.where(eq(schema.user.id, session.user.id));
|
||||
|
||||
// Revalidar o layout do dashboard para atualizar a sidebar
|
||||
revalidatePath("/", "layout");
|
||||
|
||||
return {
|
||||
success: true,
|
||||
message:
|
||||
"E-mail atualizado com sucesso. Por favor, verifique seu novo e-mail.",
|
||||
};
|
||||
} catch (error) {
|
||||
if (error instanceof z.ZodError) {
|
||||
return {
|
||||
success: false,
|
||||
error: error.errors[0]?.message || "Dados inválidos",
|
||||
};
|
||||
}
|
||||
|
||||
console.error("Erro ao atualizar e-mail:", error);
|
||||
return {
|
||||
success: false,
|
||||
error: "Erro ao atualizar e-mail. Tente novamente.",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export async function deleteAccountAction(
|
||||
data: z.infer<typeof deleteAccountSchema>
|
||||
): Promise<ActionResponse> {
|
||||
try {
|
||||
const session = await auth.api.getSession({
|
||||
headers: await headers(),
|
||||
});
|
||||
|
||||
if (!session?.user?.id) {
|
||||
return {
|
||||
success: false,
|
||||
error: "Não autenticado",
|
||||
};
|
||||
}
|
||||
|
||||
// Validar confirmação
|
||||
deleteAccountSchema.parse(data);
|
||||
|
||||
// Deletar todos os dados do usuário em cascade
|
||||
// O schema deve ter as relações configuradas com onDelete: cascade
|
||||
await db.delete(schema.user).where(eq(schema.user.id, session.user.id));
|
||||
|
||||
return {
|
||||
success: true,
|
||||
message: "Conta deletada com sucesso",
|
||||
};
|
||||
} catch (error) {
|
||||
if (error instanceof z.ZodError) {
|
||||
return {
|
||||
success: false,
|
||||
error: error.errors[0]?.message || "Dados inválidos",
|
||||
};
|
||||
}
|
||||
|
||||
console.error("Erro ao deletar conta:", error);
|
||||
return {
|
||||
success: false,
|
||||
error: "Erro ao deletar conta. Tente novamente.",
|
||||
};
|
||||
}
|
||||
}
|
||||
23
app/(dashboard)/ajustes/layout.tsx
Normal file
23
app/(dashboard)/ajustes/layout.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
import PageDescription from "@/components/page-description";
|
||||
import { RiSettingsLine } from "@remixicon/react";
|
||||
|
||||
export const metadata = {
|
||||
title: "Ajustes | OpenSheets",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<section className="space-y-6 px-6">
|
||||
<PageDescription
|
||||
icon={<RiSettingsLine />}
|
||||
title="Ajustes"
|
||||
subtitle="Gerencie informações da conta, segurança e outras opções para otimizar sua experiência."
|
||||
/>
|
||||
{children}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
85
app/(dashboard)/ajustes/page.tsx
Normal file
85
app/(dashboard)/ajustes/page.tsx
Normal file
@@ -0,0 +1,85 @@
|
||||
import { DeleteAccountForm } from "@/components/ajustes/delete-account-form";
|
||||
import { UpdateEmailForm } from "@/components/ajustes/update-email-form";
|
||||
import { UpdateNameForm } from "@/components/ajustes/update-name-form";
|
||||
import { UpdatePasswordForm } from "@/components/ajustes/update-password-form";
|
||||
import { Card } from "@/components/ui/card";
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||
import { auth } from "@/lib/auth/config";
|
||||
import { headers } from "next/headers";
|
||||
import { redirect } from "next/navigation";
|
||||
|
||||
export default async function Page() {
|
||||
const session = await auth.api.getSession({
|
||||
headers: await headers(),
|
||||
});
|
||||
|
||||
if (!session?.user) {
|
||||
redirect("/");
|
||||
}
|
||||
|
||||
const userName = session.user.name || "";
|
||||
const userEmail = session.user.email || "";
|
||||
|
||||
return (
|
||||
<div className="max-w-3xl">
|
||||
<Tabs defaultValue="nome" className="w-full">
|
||||
<TabsList className="w-full grid grid-cols-4 mb-2">
|
||||
<TabsTrigger value="nome">Altere seu nome</TabsTrigger>
|
||||
<TabsTrigger value="senha">Alterar senha</TabsTrigger>
|
||||
<TabsTrigger value="email">Alterar e-mail</TabsTrigger>
|
||||
<TabsTrigger value="deletar" className="text-destructive">
|
||||
Deletar conta
|
||||
</TabsTrigger>
|
||||
</TabsList>
|
||||
|
||||
<Card className="p-6">
|
||||
<TabsContent value="nome" className="space-y-4">
|
||||
<div>
|
||||
<h2 className="text-lg font-medium mb-1">Alterar nome</h2>
|
||||
<p className="text-sm text-muted-foreground mb-4">
|
||||
Atualize como seu nome aparece no OpenSheets. Esse nome pode ser
|
||||
exibido em diferentes seções do app e em comunicações.
|
||||
</p>
|
||||
</div>
|
||||
<UpdateNameForm currentName={userName} />
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="senha" className="space-y-4">
|
||||
<div>
|
||||
<h2 className="text-lg font-medium mb-1">Alterar senha</h2>
|
||||
<p className="text-sm text-muted-foreground mb-4">
|
||||
Defina uma nova senha para sua conta. Guarde-a em local seguro.
|
||||
</p>
|
||||
</div>
|
||||
<UpdatePasswordForm />
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="email" className="space-y-4">
|
||||
<div>
|
||||
<h2 className="text-lg font-medium mb-1">Alterar e-mail</h2>
|
||||
<p className="text-sm text-muted-foreground mb-4">
|
||||
Atualize o e-mail associado à sua conta. Você precisará
|
||||
confirmar os links enviados para o novo e também para o e-mail
|
||||
atual (quando aplicável) para concluir a alteração.
|
||||
</p>
|
||||
</div>
|
||||
<UpdateEmailForm currentEmail={userEmail} />
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="deletar" className="space-y-4">
|
||||
<div>
|
||||
<h2 className="text-lg font-medium mb-1 text-destructive">
|
||||
Deletar conta
|
||||
</h2>
|
||||
<p className="text-sm text-muted-foreground mb-4">
|
||||
Ao prosseguir, sua conta e todos os dados associados serão
|
||||
excluídos de forma irreversível.
|
||||
</p>
|
||||
</div>
|
||||
<DeleteAccountForm />
|
||||
</TabsContent>
|
||||
</Card>
|
||||
</Tabs>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user