import React, { useEffect } from "react"; import { View, Text, TextInput, TouchableOpacity, CheckBox } from "react-native"; import { Link } from "react-router-dom"; import QRCode from "react-qr-code";
export default function AssinaturaApp() { const [nome, setNome] = React.useState(""); const [titulo, setTitulo] = React.useState(""); const [zona, setZona] = React.useState(""); const [secao, setSecao] = React.useState(""); const [municipio, setMunicipio] = React.useState(""); const [consentimento, setConsentimento] = React.useState(false); const [contador, setContador] = React.useState(0); const META = 2000000; const urlProjeto = "https://seudominio.com/projeto"; const chavePix = "21986523514"; const linkGrupoWhats = "https://chat.whatsapp.com/SEU-LINK-AQUI";
useEffect(() => { fetch("http://localhost:3000/contador") .then((res) => res.json()) .then((data) => setContador(parseInt(data.total))) .catch((err) => console.error("Erro ao buscar contador:", err)); }, []);
const compartilharProjeto = () => { const mensagem = "Conheça e apoie o Projeto de Lei de Iniciativa Popular pela Responsabilização Pública e Participação Democrática. Acesse: " + urlProjeto; if (navigator.share) { navigator.share({ title: "Projeto de Lei", text: mensagem, url: window.location.href }); } else { navigator.clipboard.writeText(mensagem); alert("Link copiado para a área de transferência!"); } };
const copiarPix = () => { navigator.clipboard.writeText(chavePix); alert("Chave Pix copiada: " + chavePix); };
const atualizarContador = () => { fetch("http://localhost:3000/contador") .then((res) => res.json()) .then((data) => setContador(parseInt(data.total))) .catch((err) => console.error("Erro ao atualizar contador:", err)); };
const progresso = Math.min((contador / META) * 100, 100);
return ( Assine pelo seu direito de decidir! Apoie o Projeto de Lei que garante mais transparência e participação popular.
Ver o texto completo do Projeto de Lei
Compartilhar com amigos
Assinaturas: {contador.toLocaleString()} de {META.toLocaleString()}
Escaneie para compartilhar:
Ajude a fortalecer essa iniciativa!
Se puder, contribua com qualquer valor via Pix para:
{chavePix}
Copiar chave Pix
Tire Suas Dúvidas
Entre no nosso grupo oficial no WhatsApp para tirar dúvidas, trocar ideias e acompanhar o andamento do projeto de lei.
window.open(linkGrupoWhats, '_blank')} style={{ backgroundColor: '#25D366', padding: 10, borderRadius: 8 }}>
Entrar no grupo
Assine com seus dados:
Concordo com o uso dos meus dados para validar esta assinatura, conforme a LGPD.
{
if (consentimento) {
alert("Obrigado por assinar! Sua participação é essencial.");
atualizarContador();
} else {
alert("É necessário aceitar o uso de dados pessoais.");
}
}}
>
Assinar
); }
const styles = { input: { borderColor: "#ccc", borderWidth: 1, padding: 10, borderRadius: 8, marginBottom: 10 } };