Merge pull request #224 from himanshugoyal77/fix-comment-box-color

Fix comment box color and text input

Author: mdmohsin7

lib/presentation/authentication/mobile/login_view_mobile.dart

@@ -71,13 +71,13 @@ class _LoginViewMobileState extends State<LoginViewMobile> {
                               ScaffoldMessenger.of(context).showSnackBar(
                                 SnackBar(
                                   content: Text(
-                                    state.message,
+                                    "Invalid email or password, please try again.",
                                     style: AppTextStyles.s14(
                                       color: AppColor.appWhite,
                                       fontType: FontType.MEDIUM,
                                     ),
                                   ),
-                                  backgroundColor: AppColor.appSecondary,
+                                  backgroundColor: AppColor.appWarningRed,
                                 ),
                               );
                             }

lib/presentation/feed/desktop/widgets/feed_post_card.dart

@@ -315,9 +315,11 @@ class _FeedPostCardState extends State<FeedPostCard>
                 SizedBox(
                   width: 430,
                   child: TextFormField(
+                    cursorColor: AppColor.appPrimary,
                     focusNode: commentFocusNode,
                     controller: commentController,
                     decoration: InputDecoration(
+                      focusColor: AppColor.appPrimary,
                       suffixIcon: GestureDetector(
                         onTap: () {
                           locator<CommentsBloc>().add(
@@ -326,6 +328,7 @@ class _FeedPostCardState extends State<FeedPostCard>
                               comment: commentController.text,
                             ),
                           );
+                          commentController.clear();
                         },
                         child: Padding(
                           padding: const EdgeInsets.all(8.0),

lib/presentation/feed/mobile/widgets/comment_bottom_sheet.dart

@@ -213,9 +213,17 @@ class _CommentScreenState extends State<CommentScreen> {
                 SizedBox(
                   width: MediaQuery.sizeOf(context).width * 2.2 / 3,
                   child: TextFormField(
+                    cursorColor: AppColor.appPrimary,
                     focusNode: commentFocusNode,
                     controller: commentController,
                     decoration: InputDecoration(
+                      focusedBorder: const OutlineInputBorder(
+                        borderSide:
+                            BorderSide(color: AppColor.appPrimary, width: 2),
+                        borderRadius: BorderRadius.all(
+                          Radius.circular(20),
+                        ),
+                      ),
                       suffixIcon: GestureDetector(
                         onTap: () {
                           locator<CommentsBloc>().add(
@@ -224,6 +232,8 @@ class _CommentScreenState extends State<CommentScreen> {
                               comment: commentController.text,
                             ),
                           );
+                          // clear the text field
+                          commentController.clear();
                         },
                         child: Padding(
                           padding: const EdgeInsets.all(8.0),

lib/utils/app_colors.dart

@@ -12,4 +12,5 @@ class AppColor {
   static const Color appGrey = Color(0xFF4B5669);
   static const Color appTextGrey = Color(0xFF838B98);
   static const Color appTextLightGrey = Color(0xFF707988);
+  static const Color appWarningRed = Color(0xFFE74C3C);
 }