Skip to content

Add privacy consent checkbox to signup form #48

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Junio243 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add privacy consent checkbox to signup form #48

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 21 additions & 1 deletion app/(auth)/signup/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,17 @@ export default function SignUpPage() {
const [loading, setLoading] = useState(false)
const [error, setError] = useState<string | null>(null)
const [info, setInfo] = useState<string | null>(null)
const [consentGiven, setConsentGiven] = useState(false)

const cadastrar = async (e: React.FormEvent) => {
e.preventDefault()
setError(null); setInfo(null); setLoading(true)
setError(null)
setInfo(null)
if (!consentGiven) {
setError('Para criar sua conta é necessário aceitar a Política de Privacidade e os Termos de Uso, em conformidade com a LGPD e a legislação do DF.')
return
}
setLoading(true)
if (!supabaseClient) {
setError('Serviço de autenticação indisponível. Configure NEXT_PUBLIC_SUPABASE_URL e NEXT_PUBLIC_SUPABASE_ANON_KEY.')
setLoading(false)
Expand Down Expand Up @@ -45,6 +52,19 @@ export default function SignUpPage() {
value={email} onChange={e => setEmail(e.target.value)} />
<input type="password" placeholder="Crie uma senha" required
value={password} onChange={e => setPassword(e.target.value)} />
<label style={{ display: 'flex', alignItems: 'flex-start', gap: 8 }}>
<input
type="checkbox"
checked={consentGiven}
onChange={e => setConsentGiven(e.target.checked)}
required
/>
<span>
Estou ciente e concordo com a{' '}
<a href="/privacy">Política de Privacidade</a> e com os{' '}
<a href="/terms">Termos de Uso</a>, em conformidade com a Lei Geral de Proteção de Dados (LGPD) e a legislação vigente no Distrito Federal (DF).
</span>
</label>
<button type="submit" disabled={loading}>
{loading ? 'Cadastrando...' : 'Criar conta'}
</button>
Expand Down