Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add widget to update username

Browse Source
This commit is contained in:
Ian Su 2022-07-05 10:12:09 +08:00
parent 8252450a44
commit 51ab1b6798
5 changed files with 73 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/app_flowy/assets/translations/en.json
View File

@ -141,6 +141,7 @@
"menu": {
"appearance": "Appearance",
"language": "Language",
"settings": "Settings",
"open": "Open Settings"
},
"appearance": {

2
frontend/app_flowy/lib/workspace/presentation/home/menu/menu_user.dart
View File

@ -74,7 +74,7 @@ class MenuUser extends StatelessWidget {
showDialog(
context: context,
builder: (context) {
return const SettingsDialog();
return SettingsDialog(user);
},
);
},

19
frontend/app_flowy/lib/workspace/presentation/settings/settings_dialog.dart
View File

@ -2,13 +2,16 @@ import 'package:app_flowy/generated/locale_keys.g.dart';
import 'package:app_flowy/workspace/application/appearance.dart';
import 'package:app_flowy/workspace/presentation/settings/widgets/settings_appearance_view.dart';
import 'package:app_flowy/workspace/presentation/settings/widgets/settings_language_view.dart';
import 'package:app_flowy/workspace/presentation/settings/widgets/settings_settings_view.dart';
import 'package:app_flowy/workspace/presentation/settings/widgets/settings_menu.dart';
import 'package:flowy_sdk/protobuf/flowy-user/protobuf.dart' show UserProfile;
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class SettingsDialog extends StatefulWidget {
const SettingsDialog({Key? key}) : super(key: key);
final UserProfile user;
SettingsDialog(this.user, {Key? key}) : super(key: ValueKey(user.id));
@override
State<SettingsDialog> createState() => _SettingsDialogState();
@ -17,10 +20,14 @@ class SettingsDialog extends StatefulWidget {
class _SettingsDialogState extends State<SettingsDialog> {
int _selectedViewIndex = 0;
final List<Widget> settingsViews = const [
SettingsAppearanceView(),
SettingsLanguageView(),
];
Widget getSettingsView(int index, UserProfile user) {
final List<Widget> settingsViews = [
const SettingsAppearanceView(),
const SettingsLanguageView(),
SettingsSettingsView(user),
];
return settingsViews[index];
}
@override
Widget build(BuildContext context) {
@ -59,7 +66,7 @@ class _SettingsDialogState extends State<SettingsDialog> {
const VerticalDivider(),
const SizedBox(width: 10),
Expanded(
child: settingsViews[_selectedViewIndex],
child: getSettingsView(_selectedViewIndex, widget.user),
)
],
),

10
frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_menu.dart
View File

@ -34,6 +34,16 @@ class SettingsMenu extends StatelessWidget {
icon: Icons.translate,
changeSelectedIndex: changeSelectedIndex,
),
const SizedBox(
height: 10,
),
SettingsMenuElement(
index: 2,
currentIndex: currentIndex,
label: LocaleKeys.settings_menu_settings.tr(),
icon: Icons.account_box_outlined,
changeSelectedIndex: changeSelectedIndex,
),
],
);
}

48
frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_settings_view.dart Normal file
View File

@ -0,0 +1,48 @@
import 'package:app_flowy/startup/startup.dart';
import 'package:flutter/material.dart';
import 'package:app_flowy/workspace/application/menu/menu_user_bloc.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flowy_sdk/protobuf/flowy-user/protobuf.dart' show UserProfile;
class SettingsSettingsView extends StatelessWidget {
final UserProfile user;
SettingsSettingsView(this.user, {Key? key}) : super(key: ValueKey(user.id));
@override
Widget build(BuildContext context) {
return BlocProvider<MenuUserBloc>(
create: (context) => getIt<MenuUserBloc>(param1: user)..add(const MenuUserEvent.initial()),
child: BlocBuilder<MenuUserBloc, MenuUserState>(
builder: (context, state) => SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: const [UserNameInput()],
),
),
),
);
}
}
class UserNameInput extends StatefulWidget {
const UserNameInput({
Key? key,
}) : super(key: key);
@override
State<UserNameInput> createState() => _UserNameInputState();
}
class _UserNameInputState extends State<UserNameInput> {
@override
Widget build(BuildContext context) {
return TextField(
decoration: const InputDecoration(
labelText: 'Name',
),
onSubmitted: (val) {
context.read<MenuUserBloc>().add(MenuUserEvent.updateUserName(val));
debugPrint("Value $val submitted");
});
}
}