diff --git a/public/SOLLA (1).png b/public/SOLLA (1).png deleted file mode 100644 index f0f04d1e..00000000 Binary files a/public/SOLLA (1).png and /dev/null differ diff --git a/public/SOLLA.png b/public/SOLLA.png index 1934980c..f0f04d1e 100644 Binary files a/public/SOLLA.png and b/public/SOLLA.png differ diff --git a/src/app/(frontend)/mandato-no-whatsapp/Content.tsx b/src/app/(frontend)/mandato-no-whatsapp/Content.tsx new file mode 100644 index 00000000..f97b727b --- /dev/null +++ b/src/app/(frontend)/mandato-no-whatsapp/Content.tsx @@ -0,0 +1,15 @@ +'use client' + +import { useState } from 'react' +import { FormStep } from './FormStep' +import { ThankStep } from './ThankStep' + +export const Content = () => { + const [step, setStep] = useState('form') + + if (step === 'form') { + return setStep('thank')} /> + } + + return +} diff --git a/src/app/(frontend)/mandato-no-whatsapp/FormStep.tsx b/src/app/(frontend)/mandato-no-whatsapp/FormStep.tsx new file mode 100644 index 00000000..61334d5e --- /dev/null +++ b/src/app/(frontend)/mandato-no-whatsapp/FormStep.tsx @@ -0,0 +1,52 @@ +import { WhatsappForm } from '@/components/WhatsappForm' +import Image from 'next/image' + +interface FormStepProps { + onSubmit: () => void +} + +export const FormStep = ({ onSubmit }: FormStepProps) => ( +
+
+

+ FIQUE POR DENTRO +
+ DO NOSSO MANDATO! +

+

+ PARTICIPE DA NOSSA{' '} + + COMUNIDADE EXCLUSIVA +
+ NO WHATSAPP + {' '} + E FIQUE POR DENTRO DE TODAS +
+ AS VOTAÇÕES, PROJETOS E BASTIDORES. +

+ + + +

+ Seus dados estão seguros. Utilizamos suas informações apenas para contato e + envio de conteúdos relacionados. +
+ Não compartilhamos dados com terceiros. Ao preencher o formulário, você concorda com nossa + política de uso de dados conforme a LGPD. +

+
+
+) diff --git a/src/app/(frontend)/mandato-no-whatsapp/ThankStep.tsx b/src/app/(frontend)/mandato-no-whatsapp/ThankStep.tsx new file mode 100644 index 00000000..a3fb83fc --- /dev/null +++ b/src/app/(frontend)/mandato-no-whatsapp/ThankStep.tsx @@ -0,0 +1,35 @@ +import { WhatsAppIcon } from '@/components/socialIcons' +import { Button } from '@payloadcms/ui' +import Image from 'next/image' +import Link from 'next/link' + +export const ThankStep = () => ( +
+
+
+ +
+

+ CADASTRO REALIZADO
COM SUCESSO! +

+

+ VOCÊ SERÁ REDIRECIONADO A COMUNIDADE EXCLUSIVA +
+ DO DEPUTADO JORGE SOLLA NO WHATSAPP. +
+ CLIQUE NO BOTÃO ABAIXO E EM SEGUIDA CLIQUE +
+ EM 'ENTRAR' PARA CONFIRMAR. +

+ +
+ +
+
+
+) diff --git a/src/app/(frontend)/mandato-no-whatsapp/page.tsx b/src/app/(frontend)/mandato-no-whatsapp/page.tsx index 245f66f7..3a9f65c5 100644 --- a/src/app/(frontend)/mandato-no-whatsapp/page.tsx +++ b/src/app/(frontend)/mandato-no-whatsapp/page.tsx @@ -1,49 +1,5 @@ -import { WhatsappForm } from '@/components/WhatsappForm' -import Image from 'next/image' +import { Content } from './Content' export default function Page() { - return ( -
-
-

- FIQUE POR DENTRO -
- DO NOSSO MANDATO! -

-

- PARTICIPE DA NOSSA{' '} - - COMUNIDADE EXCLUSIVA -
- NO WHATSAPP - {' '} - E FIQUE POR DENTRO DE TODAS -
- AS VOTAÇÕES, PROJETOS E BASTIDORES. -

- - - -

- Seus dados estão seguros. Utilizamos suas informações apenas para contato - e envio de conteúdos relacionados. -
- Não compartilhamos dados com terceiros. Ao preencher o formulário, você concorda com nossa - política de uso de dados conforme a LGPD. -

-
-
- ) + return } diff --git a/src/components/WhatsappForm.tsx b/src/components/WhatsappForm.tsx index c48b98b7..861ff674 100644 --- a/src/components/WhatsappForm.tsx +++ b/src/components/WhatsappForm.tsx @@ -16,9 +16,10 @@ import { submitWhatsapp } from '@/app/(frontend)/actions/submitWhatsapp' interface WhatsappFormProps { classname?: string + onSubmit: () => void } -export const WhatsappForm = ({ classname }: WhatsappFormProps) => { +export const WhatsappForm = ({ classname, onSubmit }: WhatsappFormProps) => { const methods = useForm({ resolver: zodResolver(whatsAppFormSchema), defaultValues: { @@ -33,11 +34,12 @@ export const WhatsappForm = ({ classname }: WhatsappFormProps) => { const [isSubmitting, startTransition] = useTransition() - const onSubmit: SubmitHandler = (input) => { + const handleSubmit: SubmitHandler = (input) => { startTransition(async () => { try { await submitWhatsapp(input) methods.reset() + onSubmit() } catch { methods.setError('root', { message: 'Falha ao enviar assinatura. Tente novamente.', @@ -50,7 +52,7 @@ export const WhatsappForm = ({ classname }: WhatsappFormProps) => {
diff --git a/src/components/socialIcons.tsx b/src/components/socialIcons.tsx new file mode 100644 index 00000000..1c53805d --- /dev/null +++ b/src/components/socialIcons.tsx @@ -0,0 +1,71 @@ +type IconProps = { + className?: string +} + +const baseIconClass = 'h-5 w-5' + +export const InstagramIcon = ({ className }: IconProps) => ( + + Instagram + + +) + +export const FacebookIcon = ({ className }: IconProps) => ( + + Facebook + + +) + +export const YoutubeIcon = ({ className }: IconProps) => ( + + YouTube + + +) + +export const GlobeIcon = ({ className }: IconProps) => ( + + Link externo + + +) + +export const WhatsAppIcon = ({ className }: IconProps) => ( + + Whatsapp + + +) diff --git a/src/components/socialLinks.tsx b/src/components/socialLinks.tsx index 8cbe19e4..64accc5c 100644 --- a/src/components/socialLinks.tsx +++ b/src/components/socialLinks.tsx @@ -1,86 +1,7 @@ import { cn } from '@/lib/utils' import { getCachedGlobal } from '@/utilities/globals' import Link from 'next/link' - -type IconProps = { - className?: string -} - -const baseIconClass = 'h-5 w-5' - -const WhatsAppIcon = ({ className }: IconProps) => ( - - Whatsapp - - -) - -const InstagramIcon = ({ className }: IconProps) => ( - - Instagram - - -) - -const FacebookIcon = ({ className }: IconProps) => ( - - Facebook - - -) - -const YoutubeIcon = ({ className }: IconProps) => ( - - YouTube - - -) - -const GlobeIcon = ({ className }: IconProps) => ( - - Link externo - - -) +import { FacebookIcon, GlobeIcon, InstagramIcon, WhatsAppIcon, YoutubeIcon } from './socialIcons' const icons = { instagram: InstagramIcon,