Added FeedbackDialog
parent
4e2ced6802
commit
da81a99c7b
|
@ -0,0 +1,104 @@
|
||||||
|
import 'package:cloud_firestore/cloud_firestore.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
import '../constants.dart';
|
||||||
|
import '../services/auth/auth_service.dart';
|
||||||
|
|
||||||
|
class FeedbackDialog extends StatefulWidget {
|
||||||
|
const FeedbackDialog({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<FeedbackDialog> createState() => _FeedbackDialogState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _FeedbackDialogState extends State<FeedbackDialog> {
|
||||||
|
final TextEditingController _feedbackController = TextEditingController();
|
||||||
|
final GlobalKey<FormState> _formKey = GlobalKey();
|
||||||
|
|
||||||
|
// get instance of firestore and auth
|
||||||
|
final FirebaseFirestore _firestore = FirebaseFirestore.instance;
|
||||||
|
final AuthService _authService = AuthService();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_feedbackController.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return AlertDialog(
|
||||||
|
content: Form(
|
||||||
|
key: _formKey,
|
||||||
|
child: TextFormField(
|
||||||
|
controller: _feedbackController,
|
||||||
|
keyboardType: TextInputType.multiline,
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
hintText: 'Please enter your feedback here',
|
||||||
|
filled: true,
|
||||||
|
),
|
||||||
|
maxLines: 5,
|
||||||
|
maxLength: 4096,
|
||||||
|
textInputAction: TextInputAction.done,
|
||||||
|
validator: (String? text) {
|
||||||
|
if (text == null || text.isEmpty) {
|
||||||
|
return 'Please enter something';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
TextButton(
|
||||||
|
child: const Text('Cancel'),
|
||||||
|
onPressed: () => Navigator.pop(context),
|
||||||
|
),
|
||||||
|
TextButton(
|
||||||
|
style: TextButton.styleFrom(
|
||||||
|
backgroundColor: Theme.of(context).colorScheme.secondary,
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'Send feedback',
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.blue,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
onPressed: () async {
|
||||||
|
// Only if the input form is valid (the user has entered text)
|
||||||
|
if (_formKey.currentState!.validate()) {
|
||||||
|
String message;
|
||||||
|
bool error = false;
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Get a reference to the feedbacks collection
|
||||||
|
final collection =
|
||||||
|
_firestore.collection(Constants.dbCollectionFeedbacks);
|
||||||
|
|
||||||
|
// Write the server's timestamp and the user's feedback
|
||||||
|
await collection.doc().set({
|
||||||
|
'timestamp': FieldValue.serverTimestamp(),
|
||||||
|
'feedback': _feedbackController.text,
|
||||||
|
'user': _authService.getCurrentUser()!.uid,
|
||||||
|
});
|
||||||
|
|
||||||
|
message = 'Feedback sent successfully. Thank you!';
|
||||||
|
} catch (e) {
|
||||||
|
message = 'Error when sending feedback: ${e.toString()}';
|
||||||
|
error = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Show a snackBar with the result
|
||||||
|
if (context.mounted) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
||||||
|
content: Text(message),
|
||||||
|
backgroundColor: error ? Colors.red : Colors.green,
|
||||||
|
));
|
||||||
|
Navigator.pop(context);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
|
@ -3,6 +3,8 @@ import 'package:cofounderella/services/auth/auth_service.dart';
|
||||||
import 'package:cofounderella/pages/settings_page.dart';
|
import 'package:cofounderella/pages/settings_page.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
import 'feedback_dialog.dart';
|
||||||
|
|
||||||
class MyDrawer extends StatelessWidget {
|
class MyDrawer extends StatelessWidget {
|
||||||
const MyDrawer({super.key});
|
const MyDrawer({super.key});
|
||||||
|
|
||||||
|
@ -15,137 +17,142 @@ class MyDrawer extends StatelessWidget {
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Drawer(
|
return Drawer(
|
||||||
backgroundColor: Theme.of(context).colorScheme.background,
|
backgroundColor: Theme.of(context).colorScheme.background,
|
||||||
child: Column(
|
child: Column(
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
children: [
|
children: [
|
||||||
// logo
|
// logo
|
||||||
Column(
|
Column(
|
||||||
children: [
|
children: [
|
||||||
DrawerHeader(
|
DrawerHeader(
|
||||||
child: Center(
|
child: Center(
|
||||||
child: Icon(
|
child: Icon(
|
||||||
Icons.people_alt,
|
Icons.people_alt,
|
||||||
color: Theme.of(context).colorScheme.primary,
|
|
||||||
size: 40,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
// home list tile
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 25),
|
|
||||||
child: ListTile(
|
|
||||||
title: const Text("Home"),
|
|
||||||
leading: const Icon(Icons.home),
|
|
||||||
onTap: () {
|
|
||||||
// pop the drawer
|
|
||||||
Navigator.pop(context);
|
|
||||||
// TODO navigate to Homepage?
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
// matching list tile
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 25),
|
|
||||||
child: ListTile(
|
|
||||||
title: const Text("Find Matches"),
|
|
||||||
leading: const Icon(Icons.person_search),
|
|
||||||
onTap: () {}, // TODO
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
// chats list tile
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 25),
|
|
||||||
child: ListTile(
|
|
||||||
title: const Text("Conversations"),
|
|
||||||
leading: const Icon(Icons.chat),
|
|
||||||
onTap: () {}, // TODO
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
// settings list tile
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 25),
|
|
||||||
child: ListTile(
|
|
||||||
title: const Text("My Profile"),
|
|
||||||
leading: const Icon(Icons.settings),
|
|
||||||
onTap: () {
|
|
||||||
// pop the drawer
|
|
||||||
Navigator.pop(context);
|
|
||||||
|
|
||||||
//navigate to settings page
|
|
||||||
Navigator.push(
|
|
||||||
context,
|
|
||||||
MaterialPageRoute(
|
|
||||||
builder: (context) => const SettingsPage(),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
// TODO TESTING - user data tile
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 25),
|
|
||||||
child: ListTile(
|
|
||||||
title: const Text("User Data"),
|
|
||||||
leading: const Icon(Icons.supervised_user_circle),
|
|
||||||
onTap: () {
|
|
||||||
// pop the drawer
|
|
||||||
Navigator.pop(context);
|
|
||||||
|
|
||||||
//navigate to settings page
|
|
||||||
Navigator.push(
|
|
||||||
context,
|
|
||||||
MaterialPageRoute(
|
|
||||||
builder: (context) => const UserDataPage(),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
// horizontal line
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
||||||
child: Divider(
|
|
||||||
color: Theme.of(context).colorScheme.primary,
|
color: Theme.of(context).colorScheme.primary,
|
||||||
|
size: 40,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|
||||||
// about tile
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 25),
|
|
||||||
child: ListTile(
|
|
||||||
title: const Text("About the app"),
|
|
||||||
leading: const Icon(Icons.perm_device_info),
|
|
||||||
onTap: () {}, // TODO
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
// feedback tile
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 25),
|
|
||||||
child: ListTile(
|
|
||||||
title: const Text("Send feedback"),
|
|
||||||
leading: const Icon(Icons.sentiment_neutral),
|
|
||||||
onTap: () {}, // TODO
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
|
|
||||||
// logout list tile
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 25, bottom: 25),
|
|
||||||
child: ListTile(
|
|
||||||
title: const Text("L O G O U T"),
|
|
||||||
leading: const Icon(Icons.logout),
|
|
||||||
onTap: logout,
|
|
||||||
),
|
),
|
||||||
|
|
||||||
|
// home list tile
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 25),
|
||||||
|
child: ListTile(
|
||||||
|
title: const Text("Home"),
|
||||||
|
leading: const Icon(Icons.home),
|
||||||
|
onTap: () {
|
||||||
|
// pop the drawer
|
||||||
|
Navigator.pop(context);
|
||||||
|
// TODO navigate to Homepage?
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// matching list tile
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 25),
|
||||||
|
child: ListTile(
|
||||||
|
title: const Text("Find Matches"),
|
||||||
|
leading: const Icon(Icons.person_search),
|
||||||
|
onTap: () {}, // TODO
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// chats list tile
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 25),
|
||||||
|
child: ListTile(
|
||||||
|
title: const Text("Conversations"),
|
||||||
|
leading: const Icon(Icons.chat),
|
||||||
|
onTap: () {}, // TODO
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// settings list tile
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 25),
|
||||||
|
child: ListTile(
|
||||||
|
title: const Text("My Profile"),
|
||||||
|
leading: const Icon(Icons.settings),
|
||||||
|
onTap: () {
|
||||||
|
// pop the drawer
|
||||||
|
Navigator.pop(context);
|
||||||
|
|
||||||
|
//navigate to settings page
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => const SettingsPage(),
|
||||||
|
));
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// TODO TESTING - user data tile
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 25),
|
||||||
|
child: ListTile(
|
||||||
|
title: const Text("User Data"),
|
||||||
|
leading: const Icon(Icons.supervised_user_circle),
|
||||||
|
onTap: () {
|
||||||
|
// pop the drawer
|
||||||
|
Navigator.pop(context);
|
||||||
|
|
||||||
|
//navigate to settings page
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => const UserDataPage(),
|
||||||
|
));
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// horizontal line
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||||
|
child: Divider(
|
||||||
|
color: Theme.of(context).colorScheme.primary,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// about tile
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 25),
|
||||||
|
child: ListTile(
|
||||||
|
title: const Text("About the app"),
|
||||||
|
leading: const Icon(Icons.perm_device_info),
|
||||||
|
onTap: () {}, // TODO
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// feedback tile
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 25),
|
||||||
|
child: ListTile(
|
||||||
|
title: const Text("Send feedback"),
|
||||||
|
leading: const Icon(Icons.sentiment_satisfied_alt),
|
||||||
|
onTap: () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) => const FeedbackDialog());
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
|
||||||
|
// logout list tile
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 25, bottom: 25),
|
||||||
|
child: ListTile(
|
||||||
|
title: const Text("L O G O U T"),
|
||||||
|
leading: const Icon(Icons.logout),
|
||||||
|
onTap: logout,
|
||||||
),
|
),
|
||||||
],
|
),
|
||||||
));
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,6 +4,7 @@ class Constants {
|
||||||
/// Title of the app
|
/// Title of the app
|
||||||
static const String appTitle = "Cofounderella";
|
static const String appTitle = "Cofounderella";
|
||||||
|
|
||||||
|
static const String dbCollectionFeedbacks = 'feedbacks';
|
||||||
static const String dbCollectionUsers = 'Users';
|
static const String dbCollectionUsers = 'Users';
|
||||||
static const String dbCollectionLanguages = 'languages';
|
static const String dbCollectionLanguages = 'languages';
|
||||||
static const String dbCollectionLocations = 'locations';
|
static const String dbCollectionLocations = 'locations';
|
||||||
|
|
Loading…
Reference in New Issue