498b9789b5
Some checks failed
- Cria 10 novos templates React Email (invite, password-reset, new-login, sla-warning, sla-breached, ticket-created, ticket-resolved, ticket-assigned, ticket-status, ticket-comment) - Adiciona envio de email ao criar convite de usuario - Adiciona security_invite em COLLABORATOR_VISIBLE_TYPES - Melhora tabela de equipe com badges de papel e colunas fixas - Atualiza TicketCard com nova interface de props - Remove botao de limpeza de dados antigos do admin 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
80 lines
2.7 KiB
TypeScript
80 lines
2.7 KiB
TypeScript
import * as React from "react"
|
|
import { Button, Heading, Hr, Section, Text } from "@react-email/components"
|
|
|
|
import { RavenEmailLayout } from "./_components/layout"
|
|
import { TicketCard, type TicketCardProps } from "./_components/ticket-card"
|
|
import { EMAIL_COLORS } from "./_components/tokens"
|
|
|
|
export type TicketCreatedEmailProps = TicketCardProps & {
|
|
ticketUrl: string
|
|
}
|
|
|
|
export default function TicketCreatedEmail(props: TicketCreatedEmailProps) {
|
|
const { ticketUrl, ...ticketProps } = props
|
|
|
|
return (
|
|
<RavenEmailLayout title="Novo chamado criado" preview={`Chamado #${ticketProps.ticketNumber} foi criado com sucesso`}>
|
|
<Section style={{ textAlign: "center", margin: "24px 0" }}>
|
|
<div
|
|
style={{
|
|
display: "inline-block",
|
|
width: "64px",
|
|
height: "64px",
|
|
backgroundColor: "#ecfdf5",
|
|
borderRadius: "50%",
|
|
lineHeight: "64px",
|
|
fontSize: "28px",
|
|
border: "1px solid #10b981",
|
|
}}
|
|
>
|
|
✅
|
|
</div>
|
|
</Section>
|
|
|
|
<Heading style={{ margin: "0 0 12px 0", fontSize: "26px", fontWeight: 700, color: EMAIL_COLORS.textPrimary, textAlign: "center" }}>
|
|
Chamado criado
|
|
</Heading>
|
|
|
|
<Text style={{ margin: "0 0 24px 0", fontSize: "15px", lineHeight: "1.7", color: EMAIL_COLORS.textSecondary, textAlign: "center" }}>
|
|
Seu chamado foi registrado com sucesso e ja esta sendo processado pela nossa equipe.
|
|
</Text>
|
|
|
|
<TicketCard {...ticketProps} />
|
|
|
|
<Section style={{ textAlign: "center", margin: "32px 0" }}>
|
|
<Button
|
|
href={ticketUrl}
|
|
style={{
|
|
display: "inline-block",
|
|
backgroundColor: EMAIL_COLORS.primary,
|
|
color: EMAIL_COLORS.primaryForeground,
|
|
textDecoration: "none",
|
|
borderRadius: "12px",
|
|
padding: "14px 24px",
|
|
fontWeight: 800,
|
|
fontSize: "14px",
|
|
border: `1px solid ${EMAIL_COLORS.primaryDark}`,
|
|
}}
|
|
>
|
|
Acompanhar chamado
|
|
</Button>
|
|
</Section>
|
|
|
|
<Hr style={{ borderColor: EMAIL_COLORS.border, margin: "24px 0" }} />
|
|
|
|
<Text style={{ margin: 0, fontSize: "12px", color: EMAIL_COLORS.textMuted, textAlign: "center" }}>
|
|
Voce recebera atualizacoes por e-mail quando houver novidades.
|
|
</Text>
|
|
</RavenEmailLayout>
|
|
)
|
|
}
|
|
|
|
TicketCreatedEmail.PreviewProps = {
|
|
ticketNumber: "41025",
|
|
ticketTitle: "Computador nao liga apos atualizacao",
|
|
status: "PENDING",
|
|
priority: "HIGH",
|
|
category: "Hardware",
|
|
subcategory: "Desktop",
|
|
ticketUrl: "https://raven.rever.com.br/tickets/abc123",
|
|
} satisfies TicketCreatedEmailProps
|