- Dark / light mode a funcionar no lado do aluno
- Atualização dos ficheiros markdown.
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import '../../../../core/theme/app_colors.dart';
|
||||
|
||||
/// Help page with user guides
|
||||
class HelpPage extends StatelessWidget {
|
||||
@@ -17,17 +16,17 @@ class HelpPage extends StatelessWidget {
|
||||
},
|
||||
child: Scaffold(
|
||||
body: Container(
|
||||
decoration: const BoxDecoration(
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
Color(0xFF82C9BD),
|
||||
Color(0xFF7BA89C),
|
||||
Color(0xFFF68D2D),
|
||||
Color(0xFFF8F9FA),
|
||||
Theme.of(context).colorScheme.primary,
|
||||
Theme.of(context).colorScheme.primary.withOpacity(0.9),
|
||||
Theme.of(context).colorScheme.secondary,
|
||||
Theme.of(context).colorScheme.background,
|
||||
],
|
||||
stops: [0.0, 0.2, 0.6, 1.0],
|
||||
stops: const [0.0, 0.2, 0.6, 1.0],
|
||||
),
|
||||
),
|
||||
child: SafeArea(
|
||||
@@ -39,14 +38,17 @@ class HelpPage extends StatelessWidget {
|
||||
child: Row(
|
||||
children: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.arrow_back, color: Colors.white),
|
||||
icon: Icon(
|
||||
Icons.arrow_back,
|
||||
color: Theme.of(context).colorScheme.onPrimary,
|
||||
),
|
||||
onPressed: () => context.pop(),
|
||||
),
|
||||
const Expanded(
|
||||
Expanded(
|
||||
child: Text(
|
||||
'Ajuda e Suporte',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
color: Theme.of(context).colorScheme.onPrimary,
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
@@ -62,6 +64,7 @@ class HelpPage extends StatelessWidget {
|
||||
child: Column(
|
||||
children: [
|
||||
_buildGuideCard(
|
||||
context: context,
|
||||
icon: Icons.school,
|
||||
title: 'Como usar o AI Tutor',
|
||||
description:
|
||||
@@ -70,6 +73,7 @@ class HelpPage extends StatelessWidget {
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildGuideCard(
|
||||
context: context,
|
||||
icon: Icons.quiz,
|
||||
title: 'Como fazer quizzes',
|
||||
description:
|
||||
@@ -78,6 +82,7 @@ class HelpPage extends StatelessWidget {
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildGuideCard(
|
||||
context: context,
|
||||
icon: Icons.trending_up,
|
||||
title: 'Ver o seu progresso',
|
||||
description:
|
||||
@@ -86,6 +91,7 @@ class HelpPage extends StatelessWidget {
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildGuideCard(
|
||||
context: context,
|
||||
icon: Icons.settings,
|
||||
title: 'Configurações da app',
|
||||
description:
|
||||
@@ -97,11 +103,13 @@ class HelpPage extends StatelessWidget {
|
||||
Container(
|
||||
padding: const EdgeInsets.all(20),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withOpacity(0.1),
|
||||
color: Theme.of(
|
||||
context,
|
||||
).colorScheme.shadow.withOpacity(0.1),
|
||||
blurRadius: 10,
|
||||
offset: const Offset(0, 4),
|
||||
),
|
||||
@@ -110,34 +118,40 @@ class HelpPage extends StatelessWidget {
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text(
|
||||
Text(
|
||||
'Perguntas Frequentes',
|
||||
style: TextStyle(
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppColors.textPrimary,
|
||||
color: Theme.of(
|
||||
context,
|
||||
).colorScheme.onSurface,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildFAQItem(
|
||||
context: context,
|
||||
question: 'Como posso alterar a minha senha?',
|
||||
answer:
|
||||
'Pode alterar a sua senha através da secção de segurança nas definições.',
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_buildFAQItem(
|
||||
context: context,
|
||||
question: 'Os meus dados estão seguros?',
|
||||
answer:
|
||||
'Sim, utilizamos encriptação de ponta a ponta para proteger todos os seus dados.',
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_buildFAQItem(
|
||||
context: context,
|
||||
question: 'Posso usar a app offline?',
|
||||
answer:
|
||||
'Algumas funcionalidades estão disponíveis offline, mas para o AI Tutor necessita de conexão à internet.',
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_buildFAQItem(
|
||||
context: context,
|
||||
question: 'Como contactar o suporte?',
|
||||
answer:
|
||||
'Pode contactar-nos através do email suporte@teachit.com.',
|
||||
@@ -150,11 +164,13 @@ class HelpPage extends StatelessWidget {
|
||||
Container(
|
||||
padding: const EdgeInsets.all(20),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withOpacity(0.1),
|
||||
color: Theme.of(
|
||||
context,
|
||||
).colorScheme.shadow.withOpacity(0.1),
|
||||
blurRadius: 10,
|
||||
offset: const Offset(0, 4),
|
||||
),
|
||||
@@ -163,20 +179,24 @@ class HelpPage extends StatelessWidget {
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text(
|
||||
Text(
|
||||
'Ainda precisa de ajuda?',
|
||||
style: TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppColors.textPrimary,
|
||||
color: Theme.of(
|
||||
context,
|
||||
).colorScheme.onSurface,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
const Text(
|
||||
Text(
|
||||
'A nossa equipa de suporte está disponível para ajudar.',
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
color: AppColors.textSecondary,
|
||||
color: Theme.of(
|
||||
context,
|
||||
).colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
@@ -187,8 +207,12 @@ class HelpPage extends StatelessWidget {
|
||||
icon: const Icon(Icons.email),
|
||||
label: const Text('Contactar Suporte'),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: AppColors.primaryTeal,
|
||||
foregroundColor: Colors.white,
|
||||
backgroundColor: Theme.of(
|
||||
context,
|
||||
).colorScheme.primary,
|
||||
foregroundColor: Theme.of(
|
||||
context,
|
||||
).colorScheme.onPrimary,
|
||||
),
|
||||
),
|
||||
],
|
||||
@@ -207,6 +231,7 @@ class HelpPage extends StatelessWidget {
|
||||
}
|
||||
|
||||
Widget _buildGuideCard({
|
||||
required BuildContext context,
|
||||
required IconData icon,
|
||||
required String title,
|
||||
required String description,
|
||||
@@ -215,11 +240,11 @@ class HelpPage extends StatelessWidget {
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(20),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withOpacity(0.1),
|
||||
color: Theme.of(context).colorScheme.shadow.withOpacity(0.1),
|
||||
blurRadius: 10,
|
||||
offset: const Offset(0, 4),
|
||||
),
|
||||
@@ -234,12 +259,19 @@ class HelpPage extends StatelessWidget {
|
||||
width: 50,
|
||||
height: 50,
|
||||
decoration: BoxDecoration(
|
||||
gradient: const LinearGradient(
|
||||
colors: [Color(0xFF82C9BD), Color(0xFF6BA8A0)],
|
||||
gradient: LinearGradient(
|
||||
colors: [
|
||||
Theme.of(context).colorScheme.primary,
|
||||
Theme.of(context).colorScheme.primary.withOpacity(0.8),
|
||||
],
|
||||
),
|
||||
borderRadius: BorderRadius.circular(25),
|
||||
),
|
||||
child: Icon(icon, color: Colors.white, size: 24),
|
||||
child: Icon(
|
||||
icon,
|
||||
color: Theme.of(context).colorScheme.onPrimary,
|
||||
size: 24,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
@@ -248,38 +280,45 @@ class HelpPage extends StatelessWidget {
|
||||
children: [
|
||||
Text(
|
||||
title,
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppColors.textPrimary,
|
||||
color: Theme.of(context).colorScheme.onSurface,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
description,
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: AppColors.textSecondary,
|
||||
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const Icon(Icons.chevron_right, color: AppColors.iconInactive),
|
||||
Icon(
|
||||
Icons.chevron_right,
|
||||
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildFAQItem({required String question, required String answer}) {
|
||||
Widget _buildFAQItem({
|
||||
required BuildContext context,
|
||||
required String question,
|
||||
required String answer,
|
||||
}) {
|
||||
return ExpansionTile(
|
||||
title: Text(
|
||||
question,
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.textPrimary,
|
||||
color: Theme.of(context).colorScheme.onSurface,
|
||||
),
|
||||
),
|
||||
children: [
|
||||
@@ -287,9 +326,9 @@ class HelpPage extends StatelessWidget {
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Text(
|
||||
answer,
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 13,
|
||||
color: AppColors.textSecondary,
|
||||
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user