import 'dart:convert'; import 'package:Envelope/utils/encryption/crypto_utils.dart'; import 'package:Envelope/views/main/profile/change_password.dart'; import 'package:flutter/material.dart'; import 'package:flutter_dotenv/flutter_dotenv.dart'; import 'package:qr_flutter/qr_flutter.dart'; import 'package:sliding_up_panel/sliding_up_panel.dart'; import '/components/custom_circle_avatar.dart'; import '/components/custom_title_bar.dart'; import '/models/my_profile.dart'; import '/utils/storage/database.dart'; class Profile extends StatefulWidget { final MyProfile profile; const Profile({ Key? key, required this.profile, }) : super(key: key); @override State createState() => _ProfileState(); } class _ProfileState extends State { final PanelController _panelController = PanelController(); @override Widget build(BuildContext context) { return Scaffold( appBar: const CustomTitleBar( title: Text( 'Profile', style: TextStyle( fontSize: 32, fontWeight: FontWeight.bold ) ), showBack: false, backgroundColor: Colors.transparent, ), body: SlidingUpPanel( controller: _panelController, slideDirection: SlideDirection.DOWN, defaultPanelState: PanelState.CLOSED, color: Theme.of(context).scaffoldBackgroundColor, backdropTapClosesPanel: true, backdropEnabled: true, backdropOpacity: 0.2, minHeight: 0, maxHeight: 450, panel: Center( child: _profileQrCode(), ), body: Padding( padding: const EdgeInsets.only(top: 16,left: 16,right: 16), child: Column( children: [ usernameHeading(), const SizedBox(height: 30), settings(), const SizedBox(height: 30), logout(), ], ) ), ), ); } Widget usernameHeading() { return Row( children: [ const CustomCircleAvatar( icon: Icon(Icons.person, size: 40), imagePath: null, // TODO: Add image here radius: 30, ), const SizedBox(width: 20), Expanded( flex: 1, child: Text( widget.profile.username, style: const TextStyle( fontSize: 25, fontWeight: FontWeight.w500, ), ), ), IconButton( onPressed: () => _panelController.open(), icon: const Icon(Icons.qr_code_2), ), ], ); } Widget logout() { bool isTesting = dotenv.env['ENVIRONMENT'] == 'development'; return Align( alignment: Alignment.centerLeft, child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ TextButton.icon( label: const Text( 'Logout', style: TextStyle(fontSize: 16) ), icon: const Icon(Icons.exit_to_app), style: const ButtonStyle( alignment: Alignment.centerLeft, ), onPressed: () { deleteDb(); MyProfile.logout(); Navigator.pushNamedAndRemoveUntil(context, '/landing', ModalRoute.withName('/landing')); } ), isTesting ? TextButton.icon( label: const Text( 'Delete Database', style: TextStyle(fontSize: 16) ), icon: const Icon(Icons.delete_forever), style: const ButtonStyle( alignment: Alignment.centerLeft, ), onPressed: () { deleteDb(); } ) : const SizedBox.shrink(), ], ), ); } Widget settings() { return Align( alignment: Alignment.centerLeft, child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ const SizedBox(height: 5), TextButton.icon( label: const Text( 'Disappearing Messages', style: TextStyle(fontSize: 16) ), icon: const Icon(Icons.timer), style: ButtonStyle( alignment: Alignment.centerLeft, foregroundColor: MaterialStateProperty.resolveWith( (Set states) { return Theme.of(context).colorScheme.onBackground; }, ) ), onPressed: () { print('Disappearing Messages'); } ), const SizedBox(height: 5), TextButton.icon( label: const Text( 'Server URL', style: TextStyle(fontSize: 16) ), icon: const Icon(Icons.dataset_linked_outlined), style: ButtonStyle( alignment: Alignment.centerLeft, foregroundColor: MaterialStateProperty.resolveWith( (Set states) { return Theme.of(context).colorScheme.onBackground; }, ) ), onPressed: () { print('Server URL'); } ), const SizedBox(height: 5), TextButton.icon( label: const Text( 'Change Password', style: TextStyle(fontSize: 16) ), icon: const Icon(Icons.password), style: ButtonStyle( alignment: Alignment.centerLeft, foregroundColor: MaterialStateProperty.resolveWith( (Set states) { return Theme.of(context).colorScheme.onBackground; }, ) ), onPressed: () { Navigator.of(context).push( MaterialPageRoute(builder: (context) => ChangePassword( privateKey: widget.profile.privateKey!, )) ); } ), ], ), ); } Widget _profileQrCode() { String payload = jsonEncode({ 'i': widget.profile.id, 'u': widget.profile.username, 'k': base64.encode( CryptoUtils.encodeRSAPublicKeyToPem(widget.profile.publicKey!).codeUnits ), }); return Column( children: [ Padding( padding: const EdgeInsets.all(20), child: QrImage( backgroundColor: Theme.of(context).colorScheme.primary, data: payload, version: QrVersions.auto, gapless: true, ), ), Align( alignment: Alignment.centerRight, child: Padding( padding: const EdgeInsets.only(right: 20), child: IconButton( onPressed: () => _panelController.close(), icon: const Icon(Icons.arrow_upward), ), ), ), ] ); } }