fd817683ca
Adiciona sistema completo de preferências de usuário: - Cria tabela userPreferences no schema com campos disableMagnetlines, periodMonthsBefore e periodMonthsAfter - Implementa página de Ajustes com abas (Preferências, Alterar nome, Senha, E-mail, Deletar conta) - Adiciona componente PreferencesForm para configuração de magnetlines e períodos de exibição - Propaga periodPreferences para todos os componentes de lançamentos e calendário Refatora sistema de changelog: - Remove implementação anterior baseada em JSON estático - Adiciona nova página de changelog dinâmica em app/(dashboard)/changelog - Adiciona componente changelog-list.tsx - Remove arquivos obsoletos (changelog-notification, actions, data, utils, scripts) Adiciona controle de saldo inicial em contas: - Novo campo excludeInitialBalanceFromIncome em contas - Permite excluir saldo inicial do cálculo de receitas - Atualiza queries de lançamentos para respeitar esta configuração Melhorias adicionais: - Adiciona componente ui/accordion.tsx do shadcn/ui - Refatora formatPeriodLabel para displayPeriod centralizado - Propaga estabelecimentos para componentes de lançamentos - Remove variável DB_PROVIDER obsoleta do .env.example e documentação - Adiciona 6 migrações de banco de dados (0003-0008)
76 lines
2.1 KiB
TypeScript
76 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import { updateNameAction } from "@/app/(dashboard)/ajustes/actions";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Input } from "@/components/ui/input";
|
|
import { Label } from "@/components/ui/label";
|
|
import { useState, useTransition } from "react";
|
|
import { toast } from "sonner";
|
|
|
|
type UpdateNameFormProps = {
|
|
currentName: string;
|
|
};
|
|
|
|
export function UpdateNameForm({ currentName }: UpdateNameFormProps) {
|
|
const [isPending, startTransition] = useTransition();
|
|
|
|
// Dividir o nome atual em primeiro nome e sobrenome
|
|
const nameParts = currentName.split(" ");
|
|
const initialFirstName = nameParts[0] || "";
|
|
const initialLastName = nameParts.slice(1).join(" ") || "";
|
|
|
|
const [firstName, setFirstName] = useState(initialFirstName);
|
|
const [lastName, setLastName] = useState(initialLastName);
|
|
|
|
const handleSubmit = (e: React.FormEvent) => {
|
|
e.preventDefault();
|
|
|
|
startTransition(async () => {
|
|
const result = await updateNameAction({
|
|
firstName,
|
|
lastName,
|
|
});
|
|
|
|
if (result.success) {
|
|
toast.success(result.message);
|
|
} else {
|
|
toast.error(result.error);
|
|
}
|
|
});
|
|
};
|
|
|
|
return (
|
|
<form onSubmit={handleSubmit} className="flex flex-col space-y-6">
|
|
<div className="space-y-4 max-w-md">
|
|
<div className="space-y-2">
|
|
<Label htmlFor="firstName">Primeiro nome</Label>
|
|
<Input
|
|
id="firstName"
|
|
value={firstName}
|
|
onChange={(e) => setFirstName(e.target.value)}
|
|
disabled={isPending}
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<div className="space-y-2">
|
|
<Label htmlFor="lastName">Sobrenome</Label>
|
|
<Input
|
|
id="lastName"
|
|
value={lastName}
|
|
onChange={(e) => setLastName(e.target.value)}
|
|
disabled={isPending}
|
|
required
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex justify-end">
|
|
<Button type="submit" disabled={isPending} className="w-fit">
|
|
{isPending ? "Atualizando..." : "Atualizar nome"}
|
|
</Button>
|
|
</div>
|
|
</form>
|
|
);
|
|
}
|