mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-06-10 07:16:01 +00:00
feat(payers): upload de avatar via arquivo com redimensionamento client-side
- círculo de upload no final da grade de avatares abre seletor de arquivo - imagem redimensionada para 200×200px via Canvas e salva como base64 - suporte a data URLs em next/image com prop unoptimized - object-cover adicionado ao componente base Avatar Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -24,6 +24,7 @@ interface PayerCardProps {
|
||||
export function PayerCard({ payer, onEdit, onRemove }: PayerCardProps) {
|
||||
const avatarSrc = getAvatarSrc(payer.avatarUrl);
|
||||
const isAdmin = payer.role === PAYER_ROLE_ADMIN;
|
||||
const isDataUrl = avatarSrc.startsWith("data:");
|
||||
const isReadOnly = !payer.canEdit;
|
||||
|
||||
return (
|
||||
@@ -33,6 +34,7 @@ export function PayerCard({ payer, onEdit, onRemove }: PayerCardProps) {
|
||||
<div className="relative mb-3 flex size-16 items-center justify-center overflow-hidden rounded-full border-background bg-background shadow-lg">
|
||||
<Image
|
||||
src={avatarSrc}
|
||||
unoptimized={isDataUrl}
|
||||
alt={`Avatar de ${payer.name}`}
|
||||
width={80}
|
||||
height={80}
|
||||
|
||||
Reference in New Issue
Block a user