297 lines
11 KiB
Dart
297 lines
11 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:island/pods/message.dart';
|
|
import 'package:island/pods/network.dart';
|
|
import 'package:island/pods/userinfo.dart';
|
|
import 'package:island/route.gr.dart';
|
|
import 'package:island/services/responsive.dart';
|
|
import 'package:island/widgets/account/status.dart';
|
|
import 'package:island/widgets/account/leveling_progress.dart';
|
|
import 'package:island/widgets/app_scaffold.dart';
|
|
import 'package:island/widgets/content/cloud_files.dart';
|
|
import 'package:material_symbols_icons/symbols.dart';
|
|
import 'package:styled_widget/styled_widget.dart';
|
|
|
|
@RoutePage()
|
|
class AccountShellScreen extends HookConsumerWidget {
|
|
const AccountShellScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final isWide = isWideScreen(context);
|
|
|
|
if (isWide) {
|
|
return Row(
|
|
children: [
|
|
SizedBox(width: 360, child: AccountScreen(isAside: true)),
|
|
VerticalDivider(width: 1),
|
|
Expanded(child: AutoRouter()),
|
|
],
|
|
);
|
|
}
|
|
|
|
return AutoRouter();
|
|
}
|
|
}
|
|
|
|
@RoutePage()
|
|
class AccountScreen extends HookConsumerWidget {
|
|
final bool isAside;
|
|
const AccountScreen({super.key, this.isAside = false});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final isWide = isWideScreen(context);
|
|
if (isWide && !isAside) {
|
|
return Container(color: Theme.of(context).scaffoldBackgroundColor);
|
|
}
|
|
|
|
final user = ref.watch(userInfoProvider);
|
|
|
|
if (!user.hasValue || user.value == null) {
|
|
return _UnauthorizedAccountScreen();
|
|
}
|
|
|
|
return AppScaffold(
|
|
appBar: AppBar(title: const Text('account').tr()),
|
|
body: SingleChildScrollView(
|
|
child: Column(
|
|
children: <Widget>[
|
|
Card(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (user.value?.profile.backgroundId != null)
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(8),
|
|
topRight: Radius.circular(8),
|
|
),
|
|
child: AspectRatio(
|
|
aspectRatio: 16 / 7,
|
|
child: CloudImageWidget(
|
|
fileId: user.value!.profile.backgroundId!,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
spacing: 16,
|
|
children: [
|
|
GestureDetector(
|
|
child: ProfilePictureWidget(
|
|
fileId: user.value?.profile.pictureId,
|
|
radius: 24,
|
|
),
|
|
onTap: () {
|
|
context.router.push(
|
|
AccountProfileRoute(name: user.value!.name),
|
|
);
|
|
},
|
|
),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
spacing: 4,
|
|
crossAxisAlignment: CrossAxisAlignment.baseline,
|
|
textBaseline: TextBaseline.alphabetic,
|
|
children: [
|
|
Text(user.value!.nick).bold().fontSize(16),
|
|
Text('@${user.value!.name}'),
|
|
],
|
|
),
|
|
Text(
|
|
user.value!.profile.bio ?? 'No description yet.',
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
).padding(horizontal: 16, top: 16),
|
|
AccountStatusCreationWidget(uname: user.value!.name),
|
|
],
|
|
),
|
|
).padding(horizontal: 8),
|
|
LevelingProgressCard(
|
|
level: user.value!.profile.level,
|
|
experience: user.value!.profile.experience,
|
|
progress: user.value!.profile.levelingProgress,
|
|
).padding(horizontal: 8),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Card(
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Icon(Symbols.draw, size: 28).padding(bottom: 8),
|
|
Text('creatorHub').tr().fontSize(16).bold(),
|
|
Text('creatorHubDescription').tr(),
|
|
],
|
|
).padding(horizontal: 16, vertical: 12),
|
|
onTap: () {
|
|
context.router.push(CreatorHubRoute());
|
|
},
|
|
),
|
|
).height(140),
|
|
),
|
|
Expanded(
|
|
child: Card(
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Icon(Symbols.code, size: 28).padding(bottom: 8),
|
|
Text('developerPortal').tr().fontSize(16).bold(),
|
|
Text('developerPortalDescription').tr(),
|
|
],
|
|
).padding(horizontal: 16, vertical: 12),
|
|
onTap: () {},
|
|
),
|
|
).height(140),
|
|
),
|
|
],
|
|
).padding(horizontal: 8),
|
|
const Gap(8),
|
|
ListTile(
|
|
minTileHeight: 48,
|
|
leading: const Icon(Symbols.public),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('publishers').tr(),
|
|
onTap: () {
|
|
context.router.push(ManagedPublisherRoute());
|
|
},
|
|
),
|
|
ListTile(
|
|
minTileHeight: 48,
|
|
leading: const Icon(Symbols.wallet),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('wallet').tr(),
|
|
onTap: () {
|
|
context.router.push(WalletRoute());
|
|
},
|
|
),
|
|
ListTile(
|
|
minTileHeight: 48,
|
|
leading: const Icon(Symbols.people),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('relationships').tr(),
|
|
onTap: () {
|
|
context.router.push(RelationshipRoute());
|
|
},
|
|
),
|
|
ListTile(
|
|
minTileHeight: 48,
|
|
leading: const Icon(Symbols.edit),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('updateYourProfile').tr(),
|
|
onTap: () {
|
|
context.router.push(UpdateProfileRoute());
|
|
},
|
|
),
|
|
const Divider(height: 1).padding(vertical: 8),
|
|
ListTile(
|
|
minTileHeight: 48,
|
|
leading: const Icon(Symbols.settings),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('appSettings').tr(),
|
|
onTap: () {
|
|
context.router.push(SettingsRoute());
|
|
},
|
|
),
|
|
if (kDebugMode) const Divider(height: 1).padding(vertical: 8),
|
|
if (kDebugMode)
|
|
ListTile(
|
|
minTileHeight: 48,
|
|
leading: const Icon(Symbols.copy_all),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('Copy access token'),
|
|
onTap: () async {
|
|
final tk = ref.watch(tokenPairProvider);
|
|
Clipboard.setData(ClipboardData(text: tk!.accessToken));
|
|
},
|
|
),
|
|
if (kDebugMode)
|
|
ListTile(
|
|
minTileHeight: 48,
|
|
leading: const Icon(Symbols.delete),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('Reset database'),
|
|
onTap: () async {
|
|
resetDatabase(ref);
|
|
},
|
|
),
|
|
const Divider(height: 1).padding(vertical: 8),
|
|
ListTile(
|
|
minTileHeight: 48,
|
|
leading: const Icon(Symbols.logout),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('logout').tr(),
|
|
onTap: () {
|
|
final userNotifier = ref.read(userInfoProvider.notifier);
|
|
userNotifier.logOut();
|
|
},
|
|
),
|
|
],
|
|
).padding(top: 8, bottom: MediaQuery.of(context).padding.bottom),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _UnauthorizedAccountScreen extends StatelessWidget {
|
|
const _UnauthorizedAccountScreen();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AppScaffold(
|
|
appBar: AppBar(title: const Text('Account')),
|
|
body: Column(
|
|
children: <Widget>[
|
|
ListTile(
|
|
leading: const Icon(Symbols.person_add),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
title: Text('createAccount').tr(),
|
|
subtitle: Text('New to here? We got you covered!'),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
onTap: () {
|
|
context.router.push(CreateAccountRoute());
|
|
},
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Symbols.login),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
subtitle: Text('Existing user? We\'re welcome you back!'),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 24),
|
|
title: Text('login').tr(),
|
|
onTap: () {
|
|
context.router.push(LoginRoute());
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|