Evandro Fonseca Junior
10f170abf4
H1 'Sites e sistemas que trazem pedidos pelo WhatsApp e tiram sua operação da planilha.'; HeroWork maior com a SEV; menu Cases, Serviços, Como trabalho, Sobre e IA com next/link e pré-carregamento no hover; menu do celular em tela cheia; WhatsApp flutuante e no rodapé com a mensagem da rota; rodapé em todas as páginas; FAQ da home; /ia como oferta de revisão de app feito com IA; formulário com noscript, validação do mailto e plano B do pop-up; cartões sem foco indevido; sem a fonte Monument.
52 lines
1.7 KiB
TypeScript
52 lines
1.7 KiB
TypeScript
"use client";
|
|
|
|
import type { ReactNode } from "react";
|
|
import { trackWhatsAppOpen } from "@/lib/analytics";
|
|
import { buildWhatsAppUrl } from "@/lib/whatsapp";
|
|
|
|
interface WhatsAppLinkProps {
|
|
children: ReactNode;
|
|
className?: string;
|
|
/** Assunto da conversa, na frase "Quero conversar sobre {service}". Sem ele, a mensagem fala de "um projeto". */
|
|
service?: string;
|
|
placement: string;
|
|
/** Chamado junto com a abertura do link, por exemplo para fechar o menu do celular. */
|
|
onClick?: () => void;
|
|
}
|
|
|
|
/** Rótulo de métrica quando o link não traz um assunto; o texto da mensagem usa "um projeto". */
|
|
const DEFAULT_ANALYTICS_SERVICE = "Contato";
|
|
|
|
export default function WhatsAppLink({
|
|
children,
|
|
className = "",
|
|
service,
|
|
placement,
|
|
onClick,
|
|
}: WhatsAppLinkProps) {
|
|
// assunto vazio ou só com espaços vale como ausente: sem isso a mensagem sairia "sobre ."
|
|
const subject = service?.trim() || undefined;
|
|
const analyticsService = subject ?? DEFAULT_ANALYTICS_SERVICE;
|
|
return (
|
|
<a
|
|
href={buildWhatsAppUrl(
|
|
`Olá, Evandro! Quero conversar sobre ${subject ?? "um projeto"}. Contato iniciado pelo site evandro.dev.br.`,
|
|
)}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className={`${className} focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--slash)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--ink)]`}
|
|
onClick={(event) => {
|
|
if (event.button === 0)
|
|
trackWhatsAppOpen({ service: analyticsService, placement });
|
|
onClick?.();
|
|
}}
|
|
onAuxClick={(event) => {
|
|
if (event.button === 1)
|
|
trackWhatsAppOpen({ service: analyticsService, placement });
|
|
}}
|
|
>
|
|
{children}
|
|
</a>
|
|
);
|
|
}
|