backup: uncommitted changes from MAC-M9FQ0900T3 2026-05-17 15:52:58
Some checks failed
Flutter CI / analyze-and-test (push) Has been cancelled
Some checks failed
Flutter CI / analyze-and-test (push) Has been cancelled
This commit is contained in:
@@ -2,34 +2,16 @@ import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:sighej/services/session_store.dart';
|
||||
|
||||
const List<String> kAvailableInterests = [
|
||||
'Tech',
|
||||
'Musik',
|
||||
'Filosofi',
|
||||
'Design',
|
||||
'DevOps',
|
||||
'Bøger',
|
||||
'Gaming',
|
||||
'Fitness',
|
||||
'Kunst',
|
||||
'Mad',
|
||||
'Rejser',
|
||||
'Videnskab',
|
||||
'Iværksætteri',
|
||||
'Film',
|
||||
'Natur',
|
||||
'Kodning',
|
||||
'Podcast',
|
||||
'Arkitektur',
|
||||
'Klima',
|
||||
'Sport',
|
||||
const kAvailableInterests = [
|
||||
'Tech', 'Musik', 'Filosofi', 'Design', 'DevOps', 'Bøger', 'Gaming',
|
||||
'Fitness', 'Kunst', 'Mad', 'Rejser', 'Videnskab', 'Iværksætteri',
|
||||
'Film', 'Natur', 'Kodning', 'Podcast', 'Arkitektur', 'Klima', 'Sport',
|
||||
];
|
||||
|
||||
class ProfileScreen extends StatefulWidget {
|
||||
/// If [isSetup] is true, the screen is shown as first-run onboarding.
|
||||
/// If false, it's opened from the home screen as "rediger profil".
|
||||
/// [isSetup] = true → first-run onboarding (no back button)
|
||||
/// [isSetup] = false → edit mode from HomeScreen
|
||||
final bool isSetup;
|
||||
|
||||
const ProfileScreen({super.key, this.isSetup = false});
|
||||
|
||||
@override
|
||||
@@ -37,17 +19,22 @@ class ProfileScreen extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _ProfileScreenState extends State<ProfileScreen> {
|
||||
late final TextEditingController _nameCtrl;
|
||||
late final TextEditingController _taglineCtrl;
|
||||
late final Set<String> _selected;
|
||||
final _nameCtrl = TextEditingController();
|
||||
final _taglineCtrl = TextEditingController();
|
||||
final Set<String> _selected = {};
|
||||
bool _triedSubmit = false;
|
||||
bool _loaded = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
final store = context.read<SessionStore>();
|
||||
_nameCtrl = TextEditingController(text: store.name);
|
||||
_taglineCtrl = TextEditingController(text: store.tagline);
|
||||
_selected = Set<String>.from(store.interests);
|
||||
void didChangeDependencies() {
|
||||
super.didChangeDependencies();
|
||||
if (!_loaded) {
|
||||
final store = context.read<SessionStore>();
|
||||
_nameCtrl.text = store.name;
|
||||
_taglineCtrl.text = store.tagline;
|
||||
_selected.addAll(store.interests);
|
||||
_loaded = true;
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
@@ -58,144 +45,337 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
||||
}
|
||||
|
||||
Future<void> _save() async {
|
||||
await context.read<SessionStore>().saveProfile(
|
||||
name: _nameCtrl.text.trim(),
|
||||
tagline: _taglineCtrl.text.trim(),
|
||||
interests: _selected.toList(),
|
||||
);
|
||||
if (mounted) Navigator.of(context).pop();
|
||||
setState(() => _triedSubmit = true);
|
||||
if (_selected.isEmpty) return;
|
||||
final store = context.read<SessionStore>();
|
||||
await store.saveProfile(
|
||||
name: _nameCtrl.text.trim(),
|
||||
tagline: _taglineCtrl.text.trim(),
|
||||
interests: _selected.toList(),
|
||||
);
|
||||
if (!mounted) return;
|
||||
if (widget.isSetup) {
|
||||
Navigator.of(context).pushReplacement(
|
||||
MaterialPageRoute(builder: (_) => const _HomeRedirect()),
|
||||
);
|
||||
} else {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isSetup = widget.isSetup;
|
||||
final cs = Theme.of(context).colorScheme;
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text(isSetup ? 'Hvem er du?' : 'Din profil'),
|
||||
automaticallyImplyLeading: !isSetup,
|
||||
),
|
||||
body: SafeArea(
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(24),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
if (isSetup) ...[
|
||||
Text(
|
||||
'SigHej sender en diskret notifikation, når nogen i nærheden deler dine interesser. '
|
||||
'Ingen profiler at swipe — bare et lille vink om at starte en samtale.',
|
||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
||||
),
|
||||
backgroundColor: cs.surface,
|
||||
body: Center(
|
||||
child: ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 440),
|
||||
child: Column(
|
||||
children: [
|
||||
// ── Gradient header ──────────────────────────────────
|
||||
_Header(isSetup: widget.isSetup),
|
||||
|
||||
// ── Scrollable form body ─────────────────────────────
|
||||
Expanded(
|
||||
child: SingleChildScrollView(
|
||||
padding: const EdgeInsets.fromLTRB(24, 24, 24, 0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
_buildTextField(
|
||||
context,
|
||||
label: 'Kaldenavn',
|
||||
hint: 'F.eks. "Henrik" eller "Tech-nerd"',
|
||||
sublabel: 'Valgfrit',
|
||||
controller: _nameCtrl,
|
||||
maxLength: 40,
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
_buildTextField(
|
||||
context,
|
||||
label: 'Hvad er du op til i dag?',
|
||||
hint: '"Åben for en kaffesnak" eller "Klar til at netværke"',
|
||||
sublabel: 'Valgfrit — sæt tonen',
|
||||
controller: _taglineCtrl,
|
||||
maxLength: 80,
|
||||
),
|
||||
const SizedBox(height: 28),
|
||||
],
|
||||
_SectionLabel('Kaldenavn', hint: 'Valgfrit — hvad vil du kaldes?'),
|
||||
const SizedBox(height: 8),
|
||||
TextField(
|
||||
controller: _nameCtrl,
|
||||
maxLength: 40,
|
||||
textCapitalization: TextCapitalization.sentences,
|
||||
decoration: const InputDecoration(
|
||||
hintText: 'F.eks. "Henrik" eller "Tech-nerd"',
|
||||
border: OutlineInputBorder(),
|
||||
counterText: '',
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
_SectionLabel(
|
||||
'Hvad er du op til i dag?',
|
||||
hint: 'Valgfrit — sæt tonen',
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
TextField(
|
||||
controller: _taglineCtrl,
|
||||
maxLength: 80,
|
||||
textCapitalization: TextCapitalization.sentences,
|
||||
decoration: const InputDecoration(
|
||||
hintText: 'F.eks. "Åben for en kaffesnak" eller "Op til at netværke"',
|
||||
border: OutlineInputBorder(),
|
||||
counterText: '',
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
_SectionLabel(
|
||||
'Hvad interesserer dig?',
|
||||
hint: 'Vi finder folk med fælles interesser i nærheden',
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 8,
|
||||
children: kAvailableInterests.map((interest) {
|
||||
final selected = _selected.contains(interest);
|
||||
return FilterChip(
|
||||
label: Text(interest),
|
||||
selected: selected,
|
||||
onSelected: (val) => setState(
|
||||
() => val
|
||||
? _selected.add(interest)
|
||||
: _selected.remove(interest),
|
||||
Row(children: [
|
||||
Text('Interesser',
|
||||
style: Theme.of(context)
|
||||
.textTheme
|
||||
.titleMedium
|
||||
?.copyWith(
|
||||
fontWeight: FontWeight.w700,
|
||||
color: cs.onSurface)),
|
||||
const SizedBox(width: 8),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 8, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: _selected.isEmpty && _triedSubmit
|
||||
? cs.errorContainer
|
||||
: cs.primaryContainer,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: Text(
|
||||
'${_selected.length} valgt',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: _selected.isEmpty && _triedSubmit
|
||||
? cs.onErrorContainer
|
||||
: cs.onPrimaryContainer,
|
||||
),
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
if (_selected.isEmpty)
|
||||
Text(
|
||||
'Vælg mindst ét emne for at bruge SigHej.',
|
||||
style: TextStyle(
|
||||
color: Theme.of(context).colorScheme.error,
|
||||
fontSize: 13,
|
||||
),
|
||||
]),
|
||||
const SizedBox(height: 4),
|
||||
Text('Vælg mindst én',
|
||||
style: Theme.of(context)
|
||||
.textTheme
|
||||
.bodySmall
|
||||
?.copyWith(color: cs.onSurfaceVariant)),
|
||||
const SizedBox(height: 12),
|
||||
Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 8,
|
||||
children: kAvailableInterests.map((tag) {
|
||||
final on = _selected.contains(tag);
|
||||
return _InterestChip(
|
||||
label: tag,
|
||||
selected: on,
|
||||
onTap: () => setState(() =>
|
||||
on ? _selected.remove(tag) : _selected.add(tag)),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
],
|
||||
if (_triedSubmit && _selected.isEmpty) ...[
|
||||
const SizedBox(height: 8),
|
||||
Text('Vælg mindst ét emne for at bruge SigHej.',
|
||||
style: TextStyle(
|
||||
color: cs.error, fontSize: 12)),
|
||||
],
|
||||
const SizedBox(height: 32),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(24, 8, 24, 24),
|
||||
child: FilledButton(
|
||||
onPressed: _selected.isEmpty ? null : _save,
|
||||
style: FilledButton.styleFrom(
|
||||
minimumSize: const Size.fromHeight(52),
|
||||
|
||||
// ── Save button ──────────────────────────────────────
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(24, 12, 24, 32),
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
height: 54,
|
||||
child: FilledButton(
|
||||
onPressed: _save,
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: cs.primary,
|
||||
foregroundColor: cs.onPrimary,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(16)),
|
||||
),
|
||||
child: Text(
|
||||
widget.isSetup ? 'Kom i gang →' : 'Gem profil',
|
||||
style: const TextStyle(
|
||||
fontSize: 16, fontWeight: FontWeight.w700),
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Text(isSetup ? 'Kom i gang' : 'Gem'),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTextField(
|
||||
BuildContext context, {
|
||||
required String label,
|
||||
required String hint,
|
||||
required String sublabel,
|
||||
required TextEditingController controller,
|
||||
required int maxLength,
|
||||
}) {
|
||||
final cs = Theme.of(context).colorScheme;
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(label,
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.w700, color: cs.onSurface)),
|
||||
const SizedBox(height: 2),
|
||||
Text(sublabel,
|
||||
style: Theme.of(context)
|
||||
.textTheme
|
||||
.bodySmall
|
||||
?.copyWith(color: cs.onSurfaceVariant)),
|
||||
const SizedBox(height: 8),
|
||||
TextField(
|
||||
controller: controller,
|
||||
maxLength: maxLength,
|
||||
textCapitalization: TextCapitalization.sentences,
|
||||
style: TextStyle(color: cs.onSurface),
|
||||
decoration: InputDecoration(
|
||||
hintText: hint,
|
||||
hintStyle: TextStyle(color: cs.onSurfaceVariant.withAlpha(160)),
|
||||
counterText: '',
|
||||
filled: true,
|
||||
fillColor: cs.surfaceContainerHighest.withAlpha(120),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: cs.outline.withAlpha(80)),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: cs.outline.withAlpha(80)),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: cs.primary, width: 2),
|
||||
),
|
||||
contentPadding:
|
||||
const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _Header extends StatelessWidget {
|
||||
final bool isSetup;
|
||||
const _Header({required this.isSetup});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
padding: EdgeInsets.fromLTRB(
|
||||
24, MediaQuery.of(context).padding.top + 32, 24, 32),
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: isDark
|
||||
? [const Color(0xFF1A3A40), const Color(0xFF0F2930)]
|
||||
: [const Color(0xFF2A9D8F), const Color(0xFF264653)],
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
if (!isSetup)
|
||||
IconButton(
|
||||
icon: const Icon(Icons.arrow_back, color: Colors.white),
|
||||
onPressed: () => Navigator.of(context).pop(),
|
||||
padding: EdgeInsets.zero,
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
Container(
|
||||
width: 48,
|
||||
height: 48,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withAlpha(30),
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
),
|
||||
child: const Icon(Icons.waving_hand,
|
||||
color: Colors.white, size: 26),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text('SigHej',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 22,
|
||||
fontWeight: FontWeight.w800,
|
||||
letterSpacing: -0.5)),
|
||||
Text(
|
||||
isSetup ? 'Fortæl lidt om dig selv' : 'Rediger profil',
|
||||
style: TextStyle(
|
||||
color: Colors.white.withAlpha(180), fontSize: 13),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
if (isSetup) ...[
|
||||
const SizedBox(height: 20),
|
||||
Container(
|
||||
padding: const EdgeInsets.all(14),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withAlpha(20),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
child: Text(
|
||||
'SigHej sender en diskret notifikation, når nogen i nærheden deler dine interesser. Ingen profiler at swipe — bare et lille vink om at starte en samtale.',
|
||||
style: TextStyle(
|
||||
color: Colors.white.withAlpha(210),
|
||||
fontSize: 13,
|
||||
height: 1.5),
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _InterestChip extends StatelessWidget {
|
||||
final String label;
|
||||
final bool selected;
|
||||
final VoidCallback onTap;
|
||||
const _InterestChip(
|
||||
{required this.label, required this.selected, required this.onTap});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final cs = Theme.of(context).colorScheme;
|
||||
return GestureDetector(
|
||||
onTap: onTap,
|
||||
child: AnimatedContainer(
|
||||
duration: const Duration(milliseconds: 180),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
|
||||
decoration: BoxDecoration(
|
||||
color: selected ? cs.primary : cs.surfaceContainerHighest,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(
|
||||
color: selected ? cs.primary : cs.outline.withAlpha(60),
|
||||
width: selected ? 0 : 1,
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: selected ? FontWeight.w600 : FontWeight.w400,
|
||||
color: selected ? cs.onPrimary : cs.onSurface,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _SectionLabel extends StatelessWidget {
|
||||
final String label;
|
||||
final String? hint;
|
||||
|
||||
const _SectionLabel(this.label, {this.hint});
|
||||
|
||||
// Redirects to HomeScreen after profile save — avoids circular import.
|
||||
class _HomeRedirect extends StatelessWidget {
|
||||
const _HomeRedirect();
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(label, style: Theme.of(context).textTheme.titleSmall),
|
||||
if (hint != null) ...[
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
hint!,
|
||||
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
||||
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
);
|
||||
// Defer to main.dart routing which will now see hasProfile=true.
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
Navigator.of(context).pushNamedAndRemoveUntil('/', (_) => false);
|
||||
});
|
||||
return const Scaffold(body: Center(child: CircularProgressIndicator()));
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user