From 6d6684a8eb9829fefc1ce707f09c9b327ba22b36 Mon Sep 17 00:00:00 2001 From: ryleedavis Date: Thu, 11 May 2023 16:24:25 -0600 Subject: [PATCH 1/2] rearranged files, icon placeholder, drifter colors added --- lib/main.dart | 12 +- lib/pages/home_screen/home_screen_widget.dart | 457 ++++++++++++++++++ .../widgets}/message_ok_button_widget.dart | 0 .../widgets}/message_text_button_widget.dart | 0 .../message_text_form_field_widget.dart | 0 .../main_screen/main_screen_widget.dart | 32 +- .../message_screen/message_screen_widget.dart | 30 ++ .../message_screen/widgets/message_input.dart | 96 ++++ .../message_screen/widgets/new_message.dart | 15 + .../profile_screen/profile_screen.dart | 23 +- .../delete_keys_dialog.dart | 0 .../generated_keys.dart | 0 .../key_exist_dialog.dart | 0 .../keys_option_modal_bottom_sheet.dart | 0 .../message_snack_bar.dart | 0 .../ok_button_widget.dart | 0 .../user_info_widget.dart | 3 +- lib/theme/app_colors.dart | 3 + lib/utilities/assets.dart | 16 + .../home_screen_widget.dart | 457 ------------------ .../message_screen/message_screen_widget.dart | 105 ---- pubspec.yaml | 3 +- test/widget_test.dart | 5 +- 23 files changed, 663 insertions(+), 594 deletions(-) create mode 100644 lib/pages/home_screen/home_screen_widget.dart rename lib/{widgets/home_screen/home_screen_widgets => pages/home_screen/widgets}/message_ok_button_widget.dart (100%) rename lib/{widgets/home_screen/home_screen_widgets => pages/home_screen/widgets}/message_text_button_widget.dart (100%) rename lib/{widgets/home_screen/home_screen_widgets => pages/home_screen/widgets}/message_text_form_field_widget.dart (100%) rename lib/{widgets => pages}/main_screen/main_screen_widget.dart (62%) create mode 100644 lib/pages/message_screen/message_screen_widget.dart create mode 100644 lib/pages/message_screen/widgets/message_input.dart create mode 100644 lib/pages/message_screen/widgets/new_message.dart rename lib/{widgets => pages}/profile_screen/profile_screen.dart (95%) rename lib/{widgets => pages}/profile_screen/profile_screen_widgets/delete_keys_dialog.dart (100%) rename lib/{widgets => pages}/profile_screen/profile_screen_widgets/generated_keys.dart (100%) rename lib/{widgets => pages}/profile_screen/profile_screen_widgets/key_exist_dialog.dart (100%) rename lib/{widgets => pages}/profile_screen/profile_screen_widgets/keys_option_modal_bottom_sheet.dart (100%) rename lib/{widgets => pages}/profile_screen/profile_screen_widgets/message_snack_bar.dart (100%) rename lib/{widgets => pages}/profile_screen/profile_screen_widgets/ok_button_widget.dart (100%) rename lib/{widgets => pages}/profile_screen/profile_screen_widgets/user_info_widget.dart (95%) create mode 100644 lib/utilities/assets.dart delete mode 100644 lib/widgets/home_screen/home_screen_widgets/home_screen_widget.dart delete mode 100644 lib/widgets/message_screen/message_screen_widget.dart diff --git a/lib/main.dart b/lib/main.dart index fd22fb8..3402e90 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -1,7 +1,6 @@ -import 'package:flutter/material.dart'; +import 'package:drifter/pages/main_screen/main_screen_widget.dart'; import 'package:drifter/theme/app_colors.dart'; - -import 'package:drifter/widgets/main_screen/main_screen_widget.dart'; +import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); @@ -15,11 +14,10 @@ class MyApp extends StatelessWidget { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( - appBarTheme: const AppBarTheme(backgroundColor: AppColors.mainDarkBlue), - primarySwatch: Colors.blue, + appBarTheme: const AppBarTheme(backgroundColor: AppColors.background), bottomNavigationBarTheme: const BottomNavigationBarThemeData( - backgroundColor: AppColors.mainDarkBlue, - selectedItemColor: Colors.white, + backgroundColor: AppColors.background, + selectedItemColor: AppColors.mainAccent, unselectedItemColor: Colors.grey, ), ), diff --git a/lib/pages/home_screen/home_screen_widget.dart b/lib/pages/home_screen/home_screen_widget.dart new file mode 100644 index 0000000..d23e7ce --- /dev/null +++ b/lib/pages/home_screen/home_screen_widget.dart @@ -0,0 +1,457 @@ +// import 'dart:async'; +// import 'dart:convert'; +// import 'dart:html'; +// +// import 'package:flutter/material.dart'; +// import 'package:drifter/domain_models/domain_models.dart'; +// import 'package:drifter/models/keys.dart'; +// import 'package:drifter/theme/app_colors.dart'; +// import 'package:drifter/pages/home_screen/widgets/message_ok_button_widget.dart'; +// import 'package:drifter/pages/home_screen/widgets/message_text_button_widget.dart'; +// import 'package:drifter/pages/home_screen/widgets/message_text_form_field_widget.dart'; +// import 'package:drifter/pages/profile_screen/profile_screen_widgets/message_snack_bar.dart'; +// +// import 'package:drifter/pages/profile_screen/profile_screen.dart'; +// import 'package:dart_nostr/dart_nostr.dart'; +// +// class HomeScreen extends StatefulWidget { +// const HomeScreen({super.key}); +// +// @override +// State createState() => _HomeScreenState(); +// } +// +// class _HomeScreenState extends State { +// bool _isConnected = false; +// +// final relay = Nostr.instance.relaysService.init( +// relaysUrl: ['wss://relay.damus.io'], +// onRelayListening: (String relayUrl, receivedData) {}, +// onRelayError: (String relayUrl, Object? error) {}, +// onRelayDone: (String relayUrl) {}, +// lazyListeningToRelays: false, +// ); +// final List _events = []; +// final Map _metaDatas = {}; +// late Stream _stream; +// final _controller = StreamController(); +// +// bool _isNotePublishing = false; +// +// @override +// void initState() { +// _initStream(); +// super.initState(); +// } +// +// Future> _connectToRelay() async { +// // final stream = await relay.connect(); +// +// // relay.on((event) { +// // if (event == RelayEvent.connect) { +// // setState(() => _isConnected = true); +// // } else if (event == RelayEvent.error) { +// // setState(() => _isConnected = false); +// // } +// // }); +// +// NostrRequest req = NostrRequest( +// filters: [ +// NostrFilter( +// kinds: [1], +// t: ["p", "..."], +// authors: ["..."], +// ), +// ], +// ); +// +// final stream = +// Nostr.instance.relaysService.startEventsSubscription(request: req); +// +// // listening to the stream. +// stream.listen((event) { +// print(event); +// }); +// return stream.listen((event) { +// print(event); +// }); +// } +// +// void _initStream() async { +// _stream = (await _connectToRelay()) as Stream; +// _stream.listen((message) { +// final event = message; +// if (event.kind == 1) { +// setState(() => _events.add(event)); +// relay.sub([ +// NostrFilter(kinds: [0], authors: [event.pubkey]) +// ]); +// } else if (event.kind == 0) { +// final metadata = Metadata.fromJson(jsonDecode(event.content)); +// setState(() => _metaDatas[event.pubkey] = metadata); +// } +// _controller.add(event); +// }); +// } +// +// // The _resubscribeStream() method clears the _events and _metaData scollection after a 1 second delay +// Future _resubscribeStream() async { +// await Future.delayed(const Duration(seconds: 1), () { +// setState(() { +// _events.clear(); +// _metaDatas.clear(); +// }); +// // _initStream() method, responsible for initializing and subscribing to the stream, to reconnect and re-subscribe to the filter. +// _initStream(); +// }); +// } +// +// @override +// Widget build(BuildContext context) { +// return Scaffold( +// body: RefreshIndicator( +// onRefresh: () async { +// await _resubscribeStream(); +// }, +// child: StreamBuilder( +// stream: _controller.stream, +// builder: (context, snapshot) { +// // Inside the builder callback, the snapshot object contains the most recent event from the thread. +// // If snapshot.hasData is true, there is data to display. In this case, ListView.builder is returned, which displays a list of NoostCard pages. +// if (snapshot.hasData) { +// return ListView.builder( +// // The itemCount property of ListView.builder is set to _events.length, , which is the number of events in the _events list. +// itemCount: _events.length, +// itemBuilder: (context, index) { +// final event = _events[index]; +// final metadata = _metaDatas[event.pubkey]; +// // For each event, a Noost object is created that encapsulates the details of the event, including id, avatarUrl, name,username, time, content и pubkey. +// // _metaDatas, you can map the event public key to the author's metadata. +// final domain = Domain( +// noteId: event.id, +// avatarUrl: metadata?.picture ?? +// 'https://robohash.org/${event.pubkey}', +// name: metadata?.name ?? 'Anon', +// username: metadata?.displayName ?? +// (metadata?.display_name ?? 'Anon'), +// time: TimeAgo.format(event.created_at), +// content: event.content, +// pubkey: event.pubkey, +// ); +// return DomainCard(domain: domain); +// }, +// ); +// } else if (snapshot.connectionState == ConnectionState.waiting) { +// return const Center(child: Text('Loading....')); +// } else if (snapshot.hasError) { +// return Center(child: Text('Error: ${snapshot.error}')); +// } +// return const CenteredCircularProgressIndicator(); +// }, +// ), +// ), +// floatingActionButton: Keys.keysExist +// ? CreatePost( +// // The publishNote function is called when the user launches the "Noost!" button in the dialog box. +// publishNote: (note) { +// setState(() => _isNotePublishing = true); +// +// // EventApi Creates an instance of the class defined in the nostr_tools package. +// final eventApi = EventApi(); +// // The finishEvent method of the EventApi class is called with the Event object and the _privateKey variable. +// // finishEvent will set the event id with the event hash and sign the event with the given _privateKey. +// final event = NostrEvent( +// pubkey: '', +// kind: 0, +// content: 'This is a test event content', +// createdAt: DateTime.now(), +// id: '', // you will need to generate and set the id of the event manually by hashing other event fields, please refer to the official Nostr protocol documentation to learn how to do it yourself. +// tags: [], +// sig: +// '', // you will need to generate and set the signature of the event manually by signing the event's id, please refer to the official Nostr protocol documentation to learn how to do it yourself. +// ); +// if (eventApi.verifySignature(event)) { +// try { +// // If the signature is verified, the _relay method is called for the object to publish the event. +// relay.publish(event); +// // After the _resubscribeStream event is published, a method is called that will probably update the stream or subscription to reflect the recently published event. +// _resubscribeStream(); +// // Show SnackBar to display a message that the note has been successfully published. +// ScaffoldMessenger.of(context).showSnackBar( +// MessageSnackBar( +// label: 'Congratulations! Noost Published!'), +// ); +// } catch (_) { +// // If an error occurs during the publishing process (e.g., an exception is caught), SnackBar displays a warning instead. +// ScaffoldMessenger.of(context).showSnackBar(MessageSnackBar( +// label: 'Oops! Something went wrong!', +// isWarning: true, +// )); +// } +// } +// setState(() => _isNotePublishing = false); +// Navigator.pop(context); +// }, +// isNotePublishing: _isNotePublishing, +// ) +// : +// // If _keysExist is false, then an empty widget is displayed, which means that the FAB will not be visible. Container() +// Container(), +// ); +// } +// } +// +// class TimeAgo { +// static String format(int timestamp) { +// DateTime dateTime = DateTime.fromMillisecondsSinceEpoch(timestamp * 1000); +// Duration difference = DateTime.now().difference(dateTime); +// +// String timeAgo = ''; +// +// if (difference.inDays > 0) { +// timeAgo = +// '${difference.inDays} ${difference.inDays == 1 ? 'day' : 'days'} ago'; +// } else if (difference.inHours > 0) { +// timeAgo = +// '${difference.inHours} ${difference.inHours == 1 ? 'hour' : 'hours'} ago'; +// } else if (difference.inMinutes > 0) { +// timeAgo = +// '${difference.inMinutes} ${difference.inMinutes == 1 ? 'minute' : 'minutes'} ago'; +// } else { +// timeAgo = 'just now'; +// } +// +// return timeAgo; +// } +// } +// +// class DomainCard extends StatelessWidget { +// const DomainCard({ +// super.key, +// required this.domain, +// }); +// +// final Domain domain; +// +// List? extractImage(String text) { +// final RegExp exp = RegExp( +// r"(http(s?):)([/|.|\w|\s|-])*\.(?:jpg|gif|png|jpeg)", +// caseSensitive: false, +// multiLine: true, +// ); +// +// final Iterable matches = exp.allMatches(text); +// +// final List imageLinks = +// matches.map((match) => match.group(0)!).toList(); +// +// return imageLinks.isNotEmpty ? imageLinks : null; +// } +// +// @override +// Widget build(BuildContext context) { +// final List? imageLinks = extractImage(domain.content); +// return Container( +// margin: const EdgeInsets.all(8), +// decoration: BoxDecoration( +// color: AppColors.mainLightBlue, +// borderRadius: BorderRadius.circular(10), +// boxShadow: [ +// BoxShadow( +// color: Colors.grey.withOpacity(0.5), +// spreadRadius: 2, +// blurRadius: 5, +// offset: const Offset(0, 3), +// ), +// ], +// ), +// child: Column( +// crossAxisAlignment: CrossAxisAlignment.start, +// children: [ +// ListTile( +// leading: CircleAvatar( +// backgroundImage: FadeInImage( +// placeholder: +// const NetworkImage('https://i.ibb.co/mJkxDkb/satoshi.png'), +// image: NetworkImage(domain.avatarUrl), +// ).image, +// ), +// title: +// Text(domain.name, style: const TextStyle(color: Colors.white)), +// subtitle: Text('@${domain.username.toLowerCase()} • ${domain.time}', +// style: TextStyle(color: Colors.grey.shade400)), +// trailing: const Icon(Icons.more_vert, color: Colors.grey), +// ), +// Divider(height: 1, color: Colors.grey.shade400), +// Padding( +// padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), +// child: Text(domain.content, +// style: const TextStyle(color: Colors.white)), +// ), +// if (imageLinks != null && imageLinks.isNotEmpty) +// Center( +// child: Stack( +// children: [ +// const Placeholder( +// fallbackHeight: 200, +// color: Colors.transparent, +// ), +// Center( +// child: FadeInImage( +// placeholder: const NetworkImage( +// 'https://i.ibb.co/D9jqXgR/58038897-167f0280-7ae6-11e9-94eb-88e880a25f0f.gif', +// ), +// image: NetworkImage(imageLinks.first), +// fit: BoxFit.cover, +// ), +// ), +// ], +// ), +// ), +// ], +// ), +// ); +// } +// } +// +// class CenteredCircularProgressIndicator extends StatelessWidget { +// const CenteredCircularProgressIndicator({Key? key}) : super(key: key); +// +// @override +// Widget build(BuildContext context) { +// return const Center( +// child: CircularProgressIndicator(), +// ); +// } +// } +// +// class CreatePost extends StatefulWidget { +// const CreatePost({ +// Key? key, +// required this.publishNote, +// required this.isNotePublishing, +// }) : super(key: key); +// +// final Function(String?) publishNote; +// final bool isNotePublishing; +// +// @override +// State createState() => _CreatePostState(); +// } +// +// class _CreatePostState extends State { +// final _noteController = TextEditingController(); +// final GlobalKey _formKey = GlobalKey(); +// +// @override +// Widget build(BuildContext context) { +// return FloatingActionButton( +// backgroundColor: Colors.deepPurpleAccent, +// tooltip: 'Create a new post', +// elevation: 2, +// highlightElevation: 4, +// foregroundColor: Colors.white, +// child: Stack( +// alignment: Alignment.center, +// children: [ +// Container( +// width: 60, +// height: 60, +// decoration: const BoxDecoration( +// shape: BoxShape.circle, color: AppColors.mainDarkBlue), +// ), +// const Icon( +// Icons.add, +// color: Colors.white, +// ), +// ], +// ), +// onPressed: () async { +// _noteController.clear(); +// await showDialog( +// barrierDismissible: false, +// context: context, +// builder: ((context) { +// return Dialog( +// shape: RoundedRectangleBorder( +// borderRadius: BorderRadius.circular(12), +// ), +// child: Container( +// constraints: const BoxConstraints(maxWidth: 600), +// decoration: BoxDecoration( +// borderRadius: BorderRadius.circular(12), +// color: Colors.white, +// ), +// child: Column( +// mainAxisSize: MainAxisSize.min, +// children: [ +// Container( +// padding: const EdgeInsets.symmetric(vertical: 24), +// decoration: BoxDecoration( +// borderRadius: BorderRadius.circular(12), +// color: AppColors.mainDarkBlue, +// ), +// child: const Center( +// child: Text( +// 'Create a Noost', +// style: TextStyle( +// fontSize: 24, +// fontWeight: FontWeight.bold, +// color: Colors.white, +// ), +// ), +// ), +// ), +// const SizedBox(height: 24), +// Padding( +// padding: const EdgeInsets.symmetric(horizontal: 24), +// child: MessageTextFormField( +// maxLines: 5, +// hintText: 'Type your Noost here...', +// controller: _noteController, +// formKey: _formKey, +// validator: (value) { +// if (value == null || value.trim().isEmpty) { +// return 'Please enter your note.'; +// } +// return null; +// }, +// ), +// ), +// const SizedBox(height: 24), +// widget.isNotePublishing +// ? const CenteredCircularProgressIndicator() +// : Row( +// mainAxisAlignment: MainAxisAlignment.end, +// children: [ +// MessageTextButton( +// onPressed: () { +// Navigator.pop(context); +// }, +// label: 'Cancel', +// ), +// const SizedBox(width: 16), +// MessageOkButton( +// onPressed: () { +// if (_formKey.currentState!.validate()) { +// widget.publishNote( +// _noteController.text.trim()); +// } else { +// _formKey.currentState?.setState(() {}); +// } +// }, +// label: 'Noost!', +// ), +// const SizedBox(width: 24), +// ], +// ) +// ], +// ), +// ), +// ); +// }), +// ); +// }, +// ); +// } +// } diff --git a/lib/widgets/home_screen/home_screen_widgets/message_ok_button_widget.dart b/lib/pages/home_screen/widgets/message_ok_button_widget.dart similarity index 100% rename from lib/widgets/home_screen/home_screen_widgets/message_ok_button_widget.dart rename to lib/pages/home_screen/widgets/message_ok_button_widget.dart diff --git a/lib/widgets/home_screen/home_screen_widgets/message_text_button_widget.dart b/lib/pages/home_screen/widgets/message_text_button_widget.dart similarity index 100% rename from lib/widgets/home_screen/home_screen_widgets/message_text_button_widget.dart rename to lib/pages/home_screen/widgets/message_text_button_widget.dart diff --git a/lib/widgets/home_screen/home_screen_widgets/message_text_form_field_widget.dart b/lib/pages/home_screen/widgets/message_text_form_field_widget.dart similarity index 100% rename from lib/widgets/home_screen/home_screen_widgets/message_text_form_field_widget.dart rename to lib/pages/home_screen/widgets/message_text_form_field_widget.dart diff --git a/lib/widgets/main_screen/main_screen_widget.dart b/lib/pages/main_screen/main_screen_widget.dart similarity index 62% rename from lib/widgets/main_screen/main_screen_widget.dart rename to lib/pages/main_screen/main_screen_widget.dart index 97fd6fc..aefe6c9 100644 --- a/lib/widgets/main_screen/main_screen_widget.dart +++ b/lib/pages/main_screen/main_screen_widget.dart @@ -1,7 +1,9 @@ +// import 'package:drifter/pages/home_screen/home_screen_widget.dart'; +import 'package:drifter/pages/message_screen/message_screen_widget.dart'; +import 'package:drifter/pages/profile_screen/profile_screen.dart'; +import 'package:drifter/theme/app_colors.dart'; +import 'package:drifter/utilities/assets.dart'; import 'package:flutter/material.dart'; -// import 'package:drifter/widgets/home_screen/home_screen_widget.dart'; -import 'package:drifter/widgets/message_screen/message_screen_widget.dart'; -import 'package:drifter/widgets/profile_screen/profile_screen.dart'; import 'package:flutter_svg/svg.dart'; class MainScreenWidget extends StatefulWidget { @@ -26,21 +28,31 @@ class _MainScreenWidgetState extends State { return Scaffold( appBar: AppBar( title: Row( - mainAxisAlignment: MainAxisAlignment.center, + // mainAxisAlignment: MainAxisAlignment.center, children: [ SvgPicture.asset( - 'assets/images/logo/drifter_logo_circle.svg', - height: 40, + Assets.svg.drifterIcon, + height: 30, + width: 30, + alignment: Alignment.centerLeft, + ), + const SizedBox( + width: 125, + ), + const Text( + "Drifter", + style: TextStyle( + color: AppColors.mainAccent, + ), + // textAlign: TextAlign.center, ), - SizedBox(width: 10), - Text('Drifter') ], ), centerTitle: true, ), body: IndexedStack( index: _selectedTap, - children: [ + children: const [ // HomeScreen(), MessageScreen(), ProfileScreen(), @@ -48,7 +60,7 @@ class _MainScreenWidgetState extends State { ), bottomNavigationBar: BottomNavigationBar( currentIndex: _selectedTap, - items: [ + items: const [ // BottomNavigationBarItem( // icon: Icon(Icons.home), // label: 'Home', diff --git a/lib/pages/message_screen/message_screen_widget.dart b/lib/pages/message_screen/message_screen_widget.dart new file mode 100644 index 0000000..ced3ed2 --- /dev/null +++ b/lib/pages/message_screen/message_screen_widget.dart @@ -0,0 +1,30 @@ +import 'package:drifter/pages/message_screen/widgets/message_input.dart'; +import 'package:flutter/material.dart'; + +class MessageScreen extends StatefulWidget { + const MessageScreen({super.key}); + + @override + State createState() => _MessageScreenState(); +} + +class _MessageScreenState extends State { + @override + Widget build(BuildContext context) { + return Stack( + children: [ + ListView( + padding: const EdgeInsets.all(16), + children: const [ + Center( + child: Text( + "List of posts", + ), + ) + ], + ), + const MessageInput(), + ], + ); + } +} diff --git a/lib/pages/message_screen/widgets/message_input.dart b/lib/pages/message_screen/widgets/message_input.dart new file mode 100644 index 0000000..739c343 --- /dev/null +++ b/lib/pages/message_screen/widgets/message_input.dart @@ -0,0 +1,96 @@ +import 'package:drifter/theme/app_colors.dart'; +import 'package:flutter/material.dart'; + +class MessageInput extends StatefulWidget { + const MessageInput({ + super.key, + }); + + @override + State createState() => _MessageInputState(); +} + +class _MessageInputState extends State { + late final TextEditingController messageController; + late final FocusNode messageFocusNode; + + void submitData() { + final newMessage = messageController; + } + + @override + void initState() { + messageController = TextEditingController(); + messageFocusNode = FocusNode(); + + super.initState(); + } + + @override + void dispose() { + messageController.dispose(); + messageFocusNode.dispose(); + + super.dispose(); + } + + @override + Widget build(BuildContext context) { + return Align( + alignment: Alignment.bottomCenter, + child: Container( + padding: const EdgeInsets.only(bottom: 16, left: 8, right: 8, top: 8), + child: Row( + children: [ + GestureDetector( + onTap: () {}, + child: Container( + child: Icon( + Icons.add_a_photo, + color: AppColors.mainAccent, + size: 40, + ), + ), + ), + const SizedBox( + width: 8, + ), + Expanded( + child: Padding( + padding: const EdgeInsets.all(4.0), + child: ClipRRect( + borderRadius: const BorderRadius.all( + Radius.circular( + 0.0, + ), + ), + child: TextField( + controller: messageController, + focusNode: messageFocusNode, + style: const TextStyle( + fontSize: 14, + ), + decoration: InputDecoration( + hintText: 'What\'s new?', + hintStyle: const TextStyle(fontSize: 14), + suffixIcon: IconButton( + icon: const Icon( + Icons.send, + color: AppColors.mainDarkBlue, + size: 30, + ), + onPressed: () { + submitData(); + }, + ), + ), + ), + ), + ), + ), + ], + ), + ), + ); + } +} diff --git a/lib/pages/message_screen/widgets/new_message.dart b/lib/pages/message_screen/widgets/new_message.dart new file mode 100644 index 0000000..95d3464 --- /dev/null +++ b/lib/pages/message_screen/widgets/new_message.dart @@ -0,0 +1,15 @@ +import 'package:flutter/material.dart'; + +class NewMessage extends StatefulWidget { + const NewMessage({super.key}); + + @override + State createState() => _NewMessageState(); +} + +class _NewMessageState extends State { + @override + Widget build(BuildContext context) { + return const Placeholder(); + } +} diff --git a/lib/widgets/profile_screen/profile_screen.dart b/lib/pages/profile_screen/profile_screen.dart similarity index 95% rename from lib/widgets/profile_screen/profile_screen.dart rename to lib/pages/profile_screen/profile_screen.dart index 9b5fbc5..994ca46 100644 --- a/lib/widgets/profile_screen/profile_screen.dart +++ b/lib/pages/profile_screen/profile_screen.dart @@ -1,15 +1,13 @@ +import 'package:dart_nostr/dart_nostr.dart'; +import 'package:drifter/models/keys.dart'; +import 'package:drifter/pages/profile_screen/profile_screen_widgets/delete_keys_dialog.dart'; +import 'package:drifter/pages/profile_screen/profile_screen_widgets/key_exist_dialog.dart'; +import 'package:drifter/pages/profile_screen/profile_screen_widgets/keys_option_modal_bottom_sheet.dart'; +import 'package:drifter/pages/profile_screen/profile_screen_widgets/message_snack_bar.dart'; +import 'package:drifter/pages/profile_screen/profile_screen_widgets/user_info_widget.dart'; +import 'package:drifter/theme/app_colors.dart'; import 'package:flutter/material.dart'; import 'package:flutter_secure_storage/flutter_secure_storage.dart'; -import 'package:drifter/models/keys.dart'; -import 'package:drifter/theme/app_colors.dart'; -import 'package:dart_nostr/dart_nostr.dart'; -// import 'package:nostr_tools/nostr_tools.dart'; - -import 'profile_screen_widgets/delete_keys_dialog.dart'; -import 'profile_screen_widgets/key_exist_dialog.dart'; -import 'profile_screen_widgets/keys_option_modal_bottom_sheet.dart'; -import 'profile_screen_widgets/message_snack_bar.dart'; -import 'profile_screen_widgets/user_info_widget.dart'; class ProfileScreen extends StatefulWidget { const ProfileScreen({super.key}); @@ -36,6 +34,7 @@ class ProfileScreenState extends State { Future generateNewKeys() async { final newPrivateKey = await Nostr.instance.keysService.generatePrivateKey(); // final newPrivateKey = keyGenerator.generatePrivateKey(); + final nsec = Nostr.instance.keysService.encodePrivateKeyToNsec(newPrivateKey); final nsecDecoded = @@ -46,11 +45,13 @@ class ProfileScreenState extends State { final newPublicKey = await Nostr.instance.keysService .derivePublicKey(privateKey: newPrivateKey); // final newPublicKey = keyGenerator.getPublicKey(newPrivateKey); + final npub = Nostr.instance.keysService.encodePublicKeyToNpub(newPublicKey); final npubDecoded = Nostr.instance.keysService.decodeNpubKeyToPublicKey(npub); // assert(npubDecoded['type'] == 'npub'); // assert(npubDecoded['data'] == newPublicKey); + return await _addKeyToStorage(newPrivateKey, newPublicKey, nsec, npub); } @@ -58,8 +59,10 @@ class ProfileScreenState extends State { // Reading values associated with the " privateKey " and " publicKey " keys from a secure repository final storedPrivateKey = await _secureStorage.read(key: 'privateKey'); final storedPublicKey = await _secureStorage.read(key: 'publicKey'); + final storedNsecKey = await _secureStorage.read(key: 'nsec'); final storedNpubKey = await _secureStorage.read(key: 'npub'); + // Indicates that both private and public keys are stored in a secure repository, after which, the state variables are updated if (storedPrivateKey != null && storedPublicKey != null && diff --git a/lib/widgets/profile_screen/profile_screen_widgets/delete_keys_dialog.dart b/lib/pages/profile_screen/profile_screen_widgets/delete_keys_dialog.dart similarity index 100% rename from lib/widgets/profile_screen/profile_screen_widgets/delete_keys_dialog.dart rename to lib/pages/profile_screen/profile_screen_widgets/delete_keys_dialog.dart diff --git a/lib/widgets/profile_screen/profile_screen_widgets/generated_keys.dart b/lib/pages/profile_screen/profile_screen_widgets/generated_keys.dart similarity index 100% rename from lib/widgets/profile_screen/profile_screen_widgets/generated_keys.dart rename to lib/pages/profile_screen/profile_screen_widgets/generated_keys.dart diff --git a/lib/widgets/profile_screen/profile_screen_widgets/key_exist_dialog.dart b/lib/pages/profile_screen/profile_screen_widgets/key_exist_dialog.dart similarity index 100% rename from lib/widgets/profile_screen/profile_screen_widgets/key_exist_dialog.dart rename to lib/pages/profile_screen/profile_screen_widgets/key_exist_dialog.dart diff --git a/lib/widgets/profile_screen/profile_screen_widgets/keys_option_modal_bottom_sheet.dart b/lib/pages/profile_screen/profile_screen_widgets/keys_option_modal_bottom_sheet.dart similarity index 100% rename from lib/widgets/profile_screen/profile_screen_widgets/keys_option_modal_bottom_sheet.dart rename to lib/pages/profile_screen/profile_screen_widgets/keys_option_modal_bottom_sheet.dart diff --git a/lib/widgets/profile_screen/profile_screen_widgets/message_snack_bar.dart b/lib/pages/profile_screen/profile_screen_widgets/message_snack_bar.dart similarity index 100% rename from lib/widgets/profile_screen/profile_screen_widgets/message_snack_bar.dart rename to lib/pages/profile_screen/profile_screen_widgets/message_snack_bar.dart diff --git a/lib/widgets/profile_screen/profile_screen_widgets/ok_button_widget.dart b/lib/pages/profile_screen/profile_screen_widgets/ok_button_widget.dart similarity index 100% rename from lib/widgets/profile_screen/profile_screen_widgets/ok_button_widget.dart rename to lib/pages/profile_screen/profile_screen_widgets/ok_button_widget.dart diff --git a/lib/widgets/profile_screen/profile_screen_widgets/user_info_widget.dart b/lib/pages/profile_screen/profile_screen_widgets/user_info_widget.dart similarity index 95% rename from lib/widgets/profile_screen/profile_screen_widgets/user_info_widget.dart rename to lib/pages/profile_screen/profile_screen_widgets/user_info_widget.dart index 8e28069..134729d 100644 --- a/lib/widgets/profile_screen/profile_screen_widgets/user_info_widget.dart +++ b/lib/pages/profile_screen/profile_screen_widgets/user_info_widget.dart @@ -39,8 +39,9 @@ class UserNameWidget extends StatelessWidget { @override Widget build(BuildContext context) { - return Align( + return const Align( alignment: Alignment.center, + // make a textfield child: Text( 'Username', style: TextStyle(fontSize: 25), diff --git a/lib/theme/app_colors.dart b/lib/theme/app_colors.dart index 1ba08a9..f229aa9 100644 --- a/lib/theme/app_colors.dart +++ b/lib/theme/app_colors.dart @@ -1,6 +1,9 @@ import 'package:flutter/material.dart'; abstract class AppColors { + static const background = const Color(0xFF673AB7); + static const mainAccent = const Color(0xFFFFCC11); + static const mainDarkBlue = Color.fromRGBO(3, 37, 65, 1); static const mainLightBlue = Color.fromRGBO(48, 86, 117, 1); } diff --git a/lib/utilities/assets.dart b/lib/utilities/assets.dart new file mode 100644 index 0000000..1a98636 --- /dev/null +++ b/lib/utilities/assets.dart @@ -0,0 +1,16 @@ +abstract class Assets { + static const svg = _SVG(); + static const png = _PNG(); +} + +class _PNG { + const _PNG(); + + // String get drifterIcon => "assets/images/logo/drifter_vector.png"; +} + +class _SVG { + const _SVG(); + + String get drifterIcon => "assets/images/logo/drifter_logo_circle.svg"; +} diff --git a/lib/widgets/home_screen/home_screen_widgets/home_screen_widget.dart b/lib/widgets/home_screen/home_screen_widgets/home_screen_widget.dart deleted file mode 100644 index 83990cd..0000000 --- a/lib/widgets/home_screen/home_screen_widgets/home_screen_widget.dart +++ /dev/null @@ -1,457 +0,0 @@ -import 'dart:async'; -import 'dart:convert'; -import 'dart:html'; - -import 'package:flutter/material.dart'; -import 'package:drifter/domain_models/domain_models.dart'; -import 'package:drifter/models/keys.dart'; -import 'package:drifter/theme/app_colors.dart'; -import 'package:drifter/widgets/home_screen/home_screen_widgets/message_ok_button_widget.dart'; -import 'package:drifter/widgets/home_screen/home_screen_widgets/message_text_button_widget.dart'; -import 'package:drifter/widgets/home_screen/home_screen_widgets/message_text_form_field_widget.dart'; -import 'package:drifter/widgets/profile_screen/profile_screen_widgets/message_snack_bar.dart'; - -import 'package:drifter/widgets/profile_screen/profile_screen.dart'; -import 'package:dart_nostr/dart_nostr.dart'; - -class HomeScreen extends StatefulWidget { - const HomeScreen({super.key}); - - @override - State createState() => _HomeScreenState(); -} - -class _HomeScreenState extends State { - bool _isConnected = false; - - final relay = Nostr.instance.relaysService.init( - relaysUrl: ['wss://relay.damus.io'], - onRelayListening: (String relayUrl, receivedData) {}, - onRelayError: (String relayUrl, Object? error) {}, - onRelayDone: (String relayUrl) {}, - lazyListeningToRelays: false, - ); - final List _events = []; - final Map _metaDatas = {}; - late Stream _stream; - final _controller = StreamController(); - - bool _isNotePublishing = false; - - @override - void initState() { - _initStream(); - super.initState(); - } - - Future> _connectToRelay() async { - // final stream = await relay.connect(); - - // relay.on((event) { - // if (event == RelayEvent.connect) { - // setState(() => _isConnected = true); - // } else if (event == RelayEvent.error) { - // setState(() => _isConnected = false); - // } - // }); - - NostrRequest req = NostrRequest( - filters: [ - NostrFilter( - kinds: [1], - t: ["p", "..."], - authors: ["..."], - ), - ], - ); - - final stream = - Nostr.instance.relaysService.startEventsSubscription(request: req); - -// listening to the stream. - stream.listen((event) { - print(event); - }); - return stream.listen((event) { - print(event); - }); - } - - void _initStream() async { - _stream = (await _connectToRelay()) as Stream; - _stream.listen((message) { - final event = message; - if (event.kind == 1) { - setState(() => _events.add(event)); - relay.sub([ - NostrFilter(kinds: [0], authors: [event.pubkey]) - ]); - } else if (event.kind == 0) { - final metadata = Metadata.fromJson(jsonDecode(event.content)); - setState(() => _metaDatas[event.pubkey] = metadata); - } - _controller.add(event); - }); - } - -// The _resubscribeStream() method clears the _events and _metaData scollection after a 1 second delay - Future _resubscribeStream() async { - await Future.delayed(const Duration(seconds: 1), () { - setState(() { - _events.clear(); - _metaDatas.clear(); - }); - // _initStream() method, responsible for initializing and subscribing to the stream, to reconnect and re-subscribe to the filter. - _initStream(); - }); - } - - @override - Widget build(BuildContext context) { - return Scaffold( - body: RefreshIndicator( - onRefresh: () async { - await _resubscribeStream(); - }, - child: StreamBuilder( - stream: _controller.stream, - builder: (context, snapshot) { - // Inside the builder callback, the snapshot object contains the most recent event from the thread. - // If snapshot.hasData is true, there is data to display. In this case, ListView.builder is returned, which displays a list of NoostCard widgets. - if (snapshot.hasData) { - return ListView.builder( - // The itemCount property of ListView.builder is set to _events.length, , which is the number of events in the _events list. - itemCount: _events.length, - itemBuilder: (context, index) { - final event = _events[index]; - final metadata = _metaDatas[event.pubkey]; - // For each event, a Noost object is created that encapsulates the details of the event, including id, avatarUrl, name,username, time, content и pubkey. - // _metaDatas, you can map the event public key to the author's metadata. - final domain = Domain( - noteId: event.id, - avatarUrl: metadata?.picture ?? - 'https://robohash.org/${event.pubkey}', - name: metadata?.name ?? 'Anon', - username: metadata?.displayName ?? - (metadata?.display_name ?? 'Anon'), - time: TimeAgo.format(event.created_at), - content: event.content, - pubkey: event.pubkey, - ); - return DomainCard(domain: domain); - }, - ); - } else if (snapshot.connectionState == ConnectionState.waiting) { - return const Center(child: Text('Loading....')); - } else if (snapshot.hasError) { - return Center(child: Text('Error: ${snapshot.error}')); - } - return const CenteredCircularProgressIndicator(); - }, - ), - ), - floatingActionButton: Keys.keysExist - ? CreatePost( - // The publishNote function is called when the user launches the "Noost!" button in the dialog box. - publishNote: (note) { - setState(() => _isNotePublishing = true); - - // EventApi Creates an instance of the class defined in the nostr_tools package. - final eventApi = EventApi(); - // The finishEvent method of the EventApi class is called with the Event object and the _privateKey variable. - // finishEvent will set the event id with the event hash and sign the event with the given _privateKey. - final event = NostrEvent( - pubkey: '', - kind: 0, - content: 'This is a test event content', - createdAt: DateTime.now(), - id: '', // you will need to generate and set the id of the event manually by hashing other event fields, please refer to the official Nostr protocol documentation to learn how to do it yourself. - tags: [], - sig: - '', // you will need to generate and set the signature of the event manually by signing the event's id, please refer to the official Nostr protocol documentation to learn how to do it yourself. - ); - if (eventApi.verifySignature(event)) { - try { - // If the signature is verified, the _relay method is called for the object to publish the event. - relay.publish(event); - // After the _resubscribeStream event is published, a method is called that will probably update the stream or subscription to reflect the recently published event. - _resubscribeStream(); - // Show SnackBar to display a message that the note has been successfully published. - ScaffoldMessenger.of(context).showSnackBar( - MessageSnackBar( - label: 'Congratulations! Noost Published!'), - ); - } catch (_) { - // If an error occurs during the publishing process (e.g., an exception is caught), SnackBar displays a warning instead. - ScaffoldMessenger.of(context).showSnackBar(MessageSnackBar( - label: 'Oops! Something went wrong!', - isWarning: true, - )); - } - } - setState(() => _isNotePublishing = false); - Navigator.pop(context); - }, - isNotePublishing: _isNotePublishing, - ) - : - // If _keysExist is false, then an empty widget is displayed, which means that the FAB will not be visible. Container() - Container(), - ); - } -} - -class TimeAgo { - static String format(int timestamp) { - DateTime dateTime = DateTime.fromMillisecondsSinceEpoch(timestamp * 1000); - Duration difference = DateTime.now().difference(dateTime); - - String timeAgo = ''; - - if (difference.inDays > 0) { - timeAgo = - '${difference.inDays} ${difference.inDays == 1 ? 'day' : 'days'} ago'; - } else if (difference.inHours > 0) { - timeAgo = - '${difference.inHours} ${difference.inHours == 1 ? 'hour' : 'hours'} ago'; - } else if (difference.inMinutes > 0) { - timeAgo = - '${difference.inMinutes} ${difference.inMinutes == 1 ? 'minute' : 'minutes'} ago'; - } else { - timeAgo = 'just now'; - } - - return timeAgo; - } -} - -class DomainCard extends StatelessWidget { - const DomainCard({ - super.key, - required this.domain, - }); - - final Domain domain; - - List? extractImage(String text) { - final RegExp exp = RegExp( - r"(http(s?):)([/|.|\w|\s|-])*\.(?:jpg|gif|png|jpeg)", - caseSensitive: false, - multiLine: true, - ); - - final Iterable matches = exp.allMatches(text); - - final List imageLinks = - matches.map((match) => match.group(0)!).toList(); - - return imageLinks.isNotEmpty ? imageLinks : null; - } - - @override - Widget build(BuildContext context) { - final List? imageLinks = extractImage(domain.content); - return Container( - margin: const EdgeInsets.all(8), - decoration: BoxDecoration( - color: AppColors.mainLightBlue, - borderRadius: BorderRadius.circular(10), - boxShadow: [ - BoxShadow( - color: Colors.grey.withOpacity(0.5), - spreadRadius: 2, - blurRadius: 5, - offset: const Offset(0, 3), - ), - ], - ), - child: Column( - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - ListTile( - leading: CircleAvatar( - backgroundImage: FadeInImage( - placeholder: - const NetworkImage('https://i.ibb.co/mJkxDkb/satoshi.png'), - image: NetworkImage(domain.avatarUrl), - ).image, - ), - title: - Text(domain.name, style: const TextStyle(color: Colors.white)), - subtitle: Text('@${domain.username.toLowerCase()} • ${domain.time}', - style: TextStyle(color: Colors.grey.shade400)), - trailing: const Icon(Icons.more_vert, color: Colors.grey), - ), - Divider(height: 1, color: Colors.grey.shade400), - Padding( - padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), - child: Text(domain.content, - style: const TextStyle(color: Colors.white)), - ), - if (imageLinks != null && imageLinks.isNotEmpty) - Center( - child: Stack( - children: [ - const Placeholder( - fallbackHeight: 200, - color: Colors.transparent, - ), - Center( - child: FadeInImage( - placeholder: const NetworkImage( - 'https://i.ibb.co/D9jqXgR/58038897-167f0280-7ae6-11e9-94eb-88e880a25f0f.gif', - ), - image: NetworkImage(imageLinks.first), - fit: BoxFit.cover, - ), - ), - ], - ), - ), - ], - ), - ); - } -} - -class CenteredCircularProgressIndicator extends StatelessWidget { - const CenteredCircularProgressIndicator({Key? key}) : super(key: key); - - @override - Widget build(BuildContext context) { - return const Center( - child: CircularProgressIndicator(), - ); - } -} - -class CreatePost extends StatefulWidget { - const CreatePost({ - Key? key, - required this.publishNote, - required this.isNotePublishing, - }) : super(key: key); - - final Function(String?) publishNote; - final bool isNotePublishing; - - @override - State createState() => _CreatePostState(); -} - -class _CreatePostState extends State { - final _noteController = TextEditingController(); - final GlobalKey _formKey = GlobalKey(); - - @override - Widget build(BuildContext context) { - return FloatingActionButton( - backgroundColor: Colors.deepPurpleAccent, - tooltip: 'Create a new post', - elevation: 2, - highlightElevation: 4, - foregroundColor: Colors.white, - child: Stack( - alignment: Alignment.center, - children: [ - Container( - width: 60, - height: 60, - decoration: const BoxDecoration( - shape: BoxShape.circle, color: AppColors.mainDarkBlue), - ), - const Icon( - Icons.add, - color: Colors.white, - ), - ], - ), - onPressed: () async { - _noteController.clear(); - await showDialog( - barrierDismissible: false, - context: context, - builder: ((context) { - return Dialog( - shape: RoundedRectangleBorder( - borderRadius: BorderRadius.circular(12), - ), - child: Container( - constraints: const BoxConstraints(maxWidth: 600), - decoration: BoxDecoration( - borderRadius: BorderRadius.circular(12), - color: Colors.white, - ), - child: Column( - mainAxisSize: MainAxisSize.min, - children: [ - Container( - padding: const EdgeInsets.symmetric(vertical: 24), - decoration: BoxDecoration( - borderRadius: BorderRadius.circular(12), - color: AppColors.mainDarkBlue, - ), - child: const Center( - child: Text( - 'Create a Noost', - style: TextStyle( - fontSize: 24, - fontWeight: FontWeight.bold, - color: Colors.white, - ), - ), - ), - ), - const SizedBox(height: 24), - Padding( - padding: const EdgeInsets.symmetric(horizontal: 24), - child: MessageTextFormField( - maxLines: 5, - hintText: 'Type your Noost here...', - controller: _noteController, - formKey: _formKey, - validator: (value) { - if (value == null || value.trim().isEmpty) { - return 'Please enter your note.'; - } - return null; - }, - ), - ), - const SizedBox(height: 24), - widget.isNotePublishing - ? const CenteredCircularProgressIndicator() - : Row( - mainAxisAlignment: MainAxisAlignment.end, - children: [ - MessageTextButton( - onPressed: () { - Navigator.pop(context); - }, - label: 'Cancel', - ), - const SizedBox(width: 16), - MessageOkButton( - onPressed: () { - if (_formKey.currentState!.validate()) { - widget.publishNote( - _noteController.text.trim()); - } else { - _formKey.currentState?.setState(() {}); - } - }, - label: 'Noost!', - ), - const SizedBox(width: 24), - ], - ) - ], - ), - ), - ); - }), - ); - }, - ); - } -} diff --git a/lib/widgets/message_screen/message_screen_widget.dart b/lib/widgets/message_screen/message_screen_widget.dart deleted file mode 100644 index 507672d..0000000 --- a/lib/widgets/message_screen/message_screen_widget.dart +++ /dev/null @@ -1,105 +0,0 @@ -import 'package:flutter/material.dart'; -import 'package:drifter/theme/app_colors.dart'; - -class MessageScreen extends StatefulWidget { - const MessageScreen({super.key}); - - @override - State createState() => _MessageScreenState(); -} - -class _MessageScreenState extends State { - @override - Widget build(BuildContext context) { - return Stack( - children: [ - ListView( - padding: EdgeInsets.all(16), - children: [ - Center( - child: Text('List of posts'), - ) - ], - ), - MessageInput(), - ], - ); - } -} - -class MessageInput extends StatefulWidget { - const MessageInput({ - super.key, - }); - - @override - State createState() => _MessageInputState(); -} - -class _MessageInputState extends State { - final messageController = TextEditingController(); - - void submitData() { - final newMessage = messageController; - } - - @override - Widget build(BuildContext context) { - return Align( - alignment: Alignment.bottomCenter, - child: Container( - padding: const EdgeInsets.only(bottom: 16, left: 8, right: 8, top: 8), - child: Row( - children: [ - GestureDetector( - onTap: () {}, - child: const Icon( - Icons.add_a_photo, - color: AppColors.mainDarkBlue, - size: 30, - ), - ), - const SizedBox( - width: 8, - ), - Expanded( - child: TextField( - style: const TextStyle(fontSize: 20), - decoration: InputDecoration( - border: const OutlineInputBorder( - borderRadius: BorderRadius.all(Radius.circular(20))), - hintText: 'What\'s new?', - hintStyle: const TextStyle(fontSize: 20), - suffixIcon: IconButton( - icon: const Icon( - Icons.send, - color: AppColors.mainDarkBlue, - size: 30, - ), - onPressed: () { - submitData(); - }, - ), - ), - ), - ), - ], - ), - ), - ); - } -} - -class NewMessage extends StatefulWidget { - const NewMessage({super.key}); - - @override - State createState() => _NewMessageState(); -} - -class _NewMessageState extends State { - @override - Widget build(BuildContext context) { - return const Placeholder(); - } -} diff --git a/pubspec.yaml b/pubspec.yaml index 4c4d2ab..84c6b1a 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -63,7 +63,8 @@ flutter: # To add assets to your application, add an assets section, like this: assets: - - assets/images/logo/ + - assets/images/logo/drifter_vector.png + - assets/images/logo/drifter_logo_circle.svg # - images/a_dot_ham.jpeg # An image asset can refer to one or more resolution-specific "variants", see diff --git a/test/widget_test.dart b/test/widget_test.dart index 025d99f..7f6fd3c 100644 --- a/test/widget_test.dart +++ b/test/widget_test.dart @@ -2,14 +2,13 @@ // // To perform an interaction with a widget in your test, use the WidgetTester // utility in the flutter_test package. For example, you can send tap and scroll -// gestures. You can also use WidgetTester to find child widgets in the widget +// gestures. You can also use WidgetTester to find child pages in the widget // tree, read text, and verify that the values of widget properties are correct. +import 'package:drifter/main.dart'; import 'package:flutter/material.dart'; import 'package:flutter_test/flutter_test.dart'; -import 'package:drifter/main.dart'; - void main() { testWidgets('Counter increments smoke test', (WidgetTester tester) async { // Build our app and trigger a frame. -- 2.45.2 From 5d65e5e1a97993727fc3026de195910e24309677 Mon Sep 17 00:00:00 2001 From: ryleedavis Date: Thu, 11 May 2023 16:52:45 -0600 Subject: [PATCH 2/2] WIP: username textfield, corrected app color --- .../user_info_widget.dart | 60 ++++++++++++++++--- lib/theme/app_colors.dart | 2 +- 2 files changed, 54 insertions(+), 8 deletions(-) diff --git a/lib/pages/profile_screen/profile_screen_widgets/user_info_widget.dart b/lib/pages/profile_screen/profile_screen_widgets/user_info_widget.dart index 134729d..53c47f4 100644 --- a/lib/pages/profile_screen/profile_screen_widgets/user_info_widget.dart +++ b/lib/pages/profile_screen/profile_screen_widgets/user_info_widget.dart @@ -1,3 +1,4 @@ +import 'package:drifter/theme/app_colors.dart'; import 'package:flutter/material.dart'; class UserInfo extends StatelessWidget { @@ -34,17 +35,62 @@ class AvatarWidget extends StatelessWidget { } } -class UserNameWidget extends StatelessWidget { +class UserNameWidget extends StatefulWidget { const UserNameWidget({super.key}); + @override + State createState() => _UserNameWidgetState(); +} + +class _UserNameWidgetState extends State { + late final TextEditingController messageController; + late final FocusNode messageFocusNode; + + @override + void initState() { + messageController = TextEditingController(); + messageFocusNode = FocusNode(); + + super.initState(); + } + + @override + void dispose() { + messageController.dispose(); + messageFocusNode.dispose(); + + super.dispose(); + } + @override Widget build(BuildContext context) { - return const Align( - alignment: Alignment.center, - // make a textfield - child: Text( - 'Username', - style: TextStyle(fontSize: 25), + return Padding( + padding: const EdgeInsets.all(4.0), + child: ClipRRect( + borderRadius: const BorderRadius.all( + Radius.circular( + 0.0, + ), + ), + child: TextField( + controller: messageController, + focusNode: messageFocusNode, + style: const TextStyle( + fontSize: 14, + ), + decoration: InputDecoration( + hintText: 'Username', + hintStyle: const TextStyle(fontSize: 14), + suffixIcon: IconButton( + icon: const Icon( + Icons.send, + color: AppColors.mainDarkBlue, + size: 30, + ), + onPressed: () {}, + ), + ), + ), ), ); } diff --git a/lib/theme/app_colors.dart b/lib/theme/app_colors.dart index f229aa9..b6c5691 100644 --- a/lib/theme/app_colors.dart +++ b/lib/theme/app_colors.dart @@ -1,7 +1,7 @@ import 'package:flutter/material.dart'; abstract class AppColors { - static const background = const Color(0xFF673AB7); + static const background = const Color(0xFF4f46f1); static const mainAccent = const Color(0xFFFFCC11); static const mainDarkBlue = Color.fromRGBO(3, 37, 65, 1); -- 2.45.2