-
-
+
+
+
-
As suas alturas foram submetidas.
-
As alturas foram enviadas e já foram alteradas. Se precisar de alterar as alturas outra vez, pode voltar a submeter este formulário.
+
{t('heights_submitted_title', language)}
+
{t('heights_submitted_text', language)}
) : (
diff --git a/src/components/StatusMessage.tsx b/src/components/StatusMessage.tsx
index b42a6c6..59381f8 100644
--- a/src/components/StatusMessage.tsx
+++ b/src/components/StatusMessage.tsx
@@ -1,5 +1,7 @@
"use client"
+import { CheckCircle2, AlertCircle, Info } from 'lucide-react'
+
type Props = {
status: 'idle' | 'success' | 'error' | 'info'
message: string | null
@@ -7,17 +9,36 @@ type Props = {
export default function StatusMessage({ status, message }: Props) {
if (!message) return null
- const color =
- status === 'success' ? 'text-green-700 bg-green-50 border-green-200' :
- status === 'error' ? 'text-red-700 bg-red-50 border-red-200' :
- 'text-gray-700 bg-gray-50 border-gray-200'
+
+ const config = {
+ success: {
+ color: 'bg-[#f0fdf4] border-[#006600] text-[#004d00]',
+ icon:
+ },
+ error: {
+ color: 'bg-[#fef2f2] border-[#FF0000] text-[#991b1b]',
+ icon:
+ },
+ info: {
+ color: 'bg-[#f3f4f6] border-[#6b7280] text-[#374151]',
+ icon:
+ },
+ idle: {
+ color: 'bg-[#f3f4f6] border-[#6b7280] text-[#374151]',
+ icon:
+ }
+ }
+
+ const current = config[status]
+
return (
- {message}
+ {current.icon}
+ {message}
)
}
diff --git a/src/components/SubmitButton.tsx b/src/components/SubmitButton.tsx
index 0ded7f4..dd7b0ad 100644
--- a/src/components/SubmitButton.tsx
+++ b/src/components/SubmitButton.tsx
@@ -1,5 +1,7 @@
"use client"
+import { CheckCircle2 } from 'lucide-react'
+
type Props = {
children: React.ReactNode
loading?: boolean
@@ -10,12 +12,14 @@ export default function SubmitButton({ children, loading, disabled }: Props) {
return (
)
diff --git a/src/context/LanguageContext.tsx b/src/context/LanguageContext.tsx
new file mode 100644
index 0000000..5493649
--- /dev/null
+++ b/src/context/LanguageContext.tsx
@@ -0,0 +1,49 @@
+'use client'
+
+import { createContext, useContext, useState, useEffect } from 'react'
+import type { Language } from '@/utils/translations'
+
+type LanguageContextType = {
+ language: Language
+ setLanguage: (lang: Language) => void
+}
+
+const LanguageContext = createContext
({
+ language: 'pt',
+ setLanguage: () => {}
+})
+
+export function LanguageProvider({ children }: { children: React.ReactNode }) {
+ const [language, setLanguageState] = useState('pt')
+
+ useEffect(() => {
+ // Load language from localStorage
+ const saved = localStorage.getItem('language') as Language | null
+ if (saved && ['pt', 'en'].includes(saved)) {
+ setLanguageState(saved)
+ } else {
+ // Detect browser language
+ const browserLang = navigator.language.toLowerCase()
+ if (browserLang.startsWith('en')) {
+ setLanguageState('en')
+ } else {
+ setLanguageState('pt')
+ }
+ }
+ }, [])
+
+ const setLanguage = (lang: Language) => {
+ setLanguageState(lang)
+ localStorage.setItem('language', lang)
+ }
+
+ return (
+
+ {children}
+
+ )
+}
+
+export function useLanguage() {
+ return useContext(LanguageContext)
+}
diff --git a/src/react-checkmark.d.ts b/src/react-checkmark.d.ts
new file mode 100644
index 0000000..7028c32
--- /dev/null
+++ b/src/react-checkmark.d.ts
@@ -0,0 +1,9 @@
+declare module 'react-checkmark' {
+ import { ReactNode } from 'react'
+
+ interface CheckmarkProps {
+ [key: string]: any
+ }
+
+ export const Checkmark: React.FC
+}
diff --git a/src/utils/translations.ts b/src/utils/translations.ts
new file mode 100644
index 0000000..201f59c
--- /dev/null
+++ b/src/utils/translations.ts
@@ -0,0 +1,84 @@
+export type Language = 'pt' | 'en'
+
+export const translations = {
+ pt: {
+ // Navigation
+ logout: 'Sair',
+ // Landing page
+ welcome_title: 'Boas-vindas ao Altarra',
+ welcome_text: 'Leia o QR Code na área de treino para inserir as suas alturas.',
+ visit_website: 'Ir para powerlifting.pt',
+ // Forms
+ step_1_identification: 'Passo 1: Identificação',
+ step_2_heights: 'Passo 2: Alturas de Rack',
+ full_name: 'Nome Completo',
+ full_name_placeholder: 'Ex: João Silva',
+ birth_date: 'Data de Nascimento',
+ birth_date_placeholder: 'DD/MM/AAAA',
+ search: 'Procurar',
+ squat_rack_height: 'Altura do Rack de Agachamento',
+ bench_rack_height: 'Altura do Rack de Supino',
+ bench_foot_blocks: 'Blocos para os Pés no Supino',
+ foot_blocks_none: 'Nenhum',
+ submit_heights: 'Submeter Alturas',
+ submit_another: 'Submeter outro atleta ou Alterar alturas',
+ identified_as: 'Identificad@ como:',
+ competition: 'Competição',
+ heights_submitted_title: 'As suas alturas foram submetidas.',
+ heights_submitted_text: 'As alturas foram enviadas e já foram alteradas. Se precisar de alterar as alturas outra vez, pode voltar a submeter este formulário.',
+ heights_submission_loading: 'A enviar...',
+ // Errors
+ error_no_match: 'Não foi possível encontrar o seu nome. O nome está igual ao LiftingCast?',
+ error_multiple_matches: 'Erro inesperado - fale com a equipa da APP.',
+ error_network: 'Occoreu um erro de ligação. Tem rede/wi-fi?',
+ error_api: 'Erro ao submeter. Por favor, tente novamente ou contacte a equipa.',
+ error_validation: 'Por favor, preenche todos os campos obrigatórios.',
+ error_date_format: 'Formato de data inválido. Use DD/MM/AAAA.',
+ // Other
+ loading: 'A carregar…',
+ submission_success: '✓ Alturas submetidas com sucesso!',
+ identification_success: '✓ Identificação confirmada.'
+ },
+ en: {
+ // Navigation
+ logout: 'Logout',
+ // Landing page
+ welcome_title: 'Welcome to Altarra',
+ welcome_text: 'Scan the QR Code in the training area to enter your heights.',
+ visit_website: 'Go to powerlifting.pt',
+ // Forms
+ step_1_identification: 'Step 1: Identification',
+ step_2_heights: 'Step 2: Rack Heights',
+ full_name: 'Full Name',
+ full_name_placeholder: 'Ex: John Smith',
+ birth_date: 'Birth Date',
+ birth_date_placeholder: 'DD/MM/YYYY',
+ search: 'Search',
+ squat_rack_height: 'Squat Rack Height',
+ bench_rack_height: 'Bench Rack Height',
+ bench_foot_blocks: 'Foot Blocks for Bench',
+ foot_blocks_none: 'None',
+ submit_heights: 'Submit Heights',
+ submit_another: 'Submit another athlete or Change heights',
+ identified_as: 'Identified as:',
+ competition: 'Competition',
+ heights_submitted_title: 'Your heights have been submitted.',
+ heights_submitted_text: 'The heights have been sent and have already been changed. If you need to change the heights again, you can resubmit this form.',
+ heights_submission_loading: 'Sending...',
+ // Errors
+ error_no_match: 'Could not find your name. Is the name the same as in LiftingCast?',
+ error_multiple_matches: 'Unexpected error - contact the app team.',
+ error_network: 'A connection error occurred. Do you have internet/wi-fi?',
+ error_api: 'Error submitting. Please try again or contact the team.',
+ error_validation: 'Please fill in all required fields.',
+ error_date_format: 'Invalid date format. Use DD/MM/YYYY.',
+ // Other
+ loading: 'Loading…',
+ submission_success: '✓ Heights submitted successfully!',
+ identification_success: '✓ Identification confirmed.'
+ }
+}
+
+export function t(key: keyof typeof translations.pt, lang: Language): string {
+ return translations[lang][key]
+}
diff --git a/src/utils/validation.ts b/src/utils/validation.ts
index 3e93b04..4273a45 100644
--- a/src/utils/validation.ts
+++ b/src/utils/validation.ts
@@ -1,10 +1,10 @@
export const errorMessages = {
- no_match: 'Não foi possível encontrar o seu nome. Por favor, verifique se está igual ao LiftingCast e tente novamente.',
- multiple_matches: 'Por favor fala com a equipa da APP.',
- network_error: 'Occoreu um erro de ligação. Tente outravez.',
+ no_match: 'Não foi possível encontrar o seu nome. O nome está igual ao LiftingCast?',
+ multiple_matches: 'Erro inesperado - fale com a equipa da APP.',
+ network_error: 'Occoreu um erro de ligação. Tem rede/wi-fi?',
api_error: 'Erro ao submeter. Por favor, tente novamente ou contacte a equipa.',
- validation_error: 'Por favor, preencha todos os campos obrigatórios.',
- date_format_error: 'Formato de data inválido. Use DD/MM/YYYY.'
+ validation_error: 'Por favor, preenche todos os campos obrigatórios.',
+ date_format_error: 'Formato de data inválido. Use DD/MM/AAAA.'
}
export function isValidDateDDMMYYYY(value: string): boolean {
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 8d34050..dc3f3fb 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -15,6 +15,10 @@ const config: Config = {
600: '#006600',
700: '#004d00',
accent: '#ff0000'
+ },
+ pt: {
+ red: '#FF0000',
+ green: '#006600'
}
}
}
diff --git a/tsconfig.json b/tsconfig.json
index df3cb36..fa1bcd3 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -21,6 +21,9 @@
"@/components/*": [
"src/components/*"
],
+ "@/context/*": [
+ "src/context/*"
+ ],
"@/services/*": [
"src/services/*"
],