diff --git a/lib/features/menu/view/menu_view.dart b/lib/features/menu/view/menu_view.dart index 9850f05..008f099 100644 --- a/lib/features/menu/view/menu_view.dart +++ b/lib/features/menu/view/menu_view.dart @@ -3,6 +3,7 @@ import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:syncrow_app/features/auth/bloc/auth_cubit.dart'; import 'package:syncrow_app/features/menu/bloc/menu_cubit.dart'; import 'package:syncrow_app/features/menu/view/widgets/home%20management/create_home_view.dart'; +import 'package:syncrow_app/features/menu/view/widgets/join_home/join_home_view.dart'; import 'package:syncrow_app/features/menu/view/widgets/menu_list.dart'; import 'package:syncrow_app/features/menu/view/widgets/profile/profile_tab.dart'; import 'package:syncrow_app/features/shared_widgets/default_container.dart'; @@ -92,7 +93,7 @@ List> menuSections = [ { 'title': 'Join a Home', 'Icon': Assets.homeManagementIconsJoinAHome, - 'page': null + 'page': const JoinHomeView() }, { 'title': 'Manage Your Home', diff --git a/lib/features/menu/view/widgets/join_home/join_home_view.dart b/lib/features/menu/view/widgets/join_home/join_home_view.dart new file mode 100644 index 0000000..25b6e14 --- /dev/null +++ b/lib/features/menu/view/widgets/join_home/join_home_view.dart @@ -0,0 +1,63 @@ +import 'package:flutter/cupertino.dart'; +import 'package:flutter/material.dart'; +import 'package:flutter_svg/flutter_svg.dart'; +import 'package:syncrow_app/features/shared_widgets/default_container.dart'; +import 'package:syncrow_app/features/shared_widgets/default_scaffold.dart'; +import 'package:syncrow_app/features/shared_widgets/text_widgets/body_medium.dart'; +import 'package:syncrow_app/generated/assets.dart'; +import 'package:syncrow_app/utils/context_extension.dart'; + +class JoinHomeView extends StatelessWidget { + const JoinHomeView({super.key}); + + @override + Widget build(BuildContext context) { + return DefaultScaffold( + title: "Join a Home", + child: Column( + children: [ + SvgPicture.asset( + Assets.homeManagementIconsJoinAHome, + width: 70, + height: 70, + ), + const Padding( + padding: EdgeInsets.symmetric( + vertical: 30, + ), + child: BodyMedium( + textAlign: TextAlign.center, + text: + 'Please contact with the\nadministration to get an invitation\n(Menu → Manage your Home → Add Member)'), + ), + DefaultContainer( + padding: const EdgeInsets.symmetric( + vertical: 5, + ), + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Flexible( + child: TextField( + decoration: InputDecoration( + hintText: 'Invitatoin code', + hintStyle: + context.bodyMedium.copyWith(color: Colors.grey), + border: InputBorder.none, + ), + ), + ), + IconButton( + onPressed: () {}, + icon: const Icon( + Icons.arrow_right_alt, + ), + ), + ], + ), + ), + ], + ), + ); + } +}