feat: current user
This commit is contained in:
@@ -4,6 +4,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:line_icons/line_icons.dart';
|
||||
import 'package:loader_overlay/loader_overlay.dart';
|
||||
|
||||
import '../../../application/auth/auth_bloc.dart';
|
||||
import '../../../application/auth/logout_form/logout_form_bloc.dart';
|
||||
import '../../../common/theme/theme.dart';
|
||||
import '../../../injection.dart';
|
||||
@@ -49,78 +50,85 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
|
||||
},
|
||||
),
|
||||
],
|
||||
child: Scaffold(
|
||||
backgroundColor: AppColor.background,
|
||||
body: CustomScrollView(
|
||||
slivers: [
|
||||
SliverAppBar(
|
||||
backgroundColor: AppColor.primary,
|
||||
elevation: 0,
|
||||
pinned: true,
|
||||
expandedHeight: 264.0,
|
||||
flexibleSpace: LayoutBuilder(
|
||||
builder: (BuildContext context, BoxConstraints constraints) {
|
||||
// Calculate the collapse ratio
|
||||
final double top = constraints.biggest.height;
|
||||
final double collapsedHeight =
|
||||
MediaQuery.of(context).padding.top + kToolbarHeight;
|
||||
final double expandedHeight = 264.0;
|
||||
final double shrinkRatio =
|
||||
((expandedHeight - top) /
|
||||
(expandedHeight - collapsedHeight))
|
||||
.clamp(0.0, 1.0);
|
||||
child: BlocBuilder<AuthBloc, AuthState>(
|
||||
builder: (context, state) {
|
||||
return Scaffold(
|
||||
backgroundColor: AppColor.background,
|
||||
body: CustomScrollView(
|
||||
slivers: [
|
||||
SliverAppBar(
|
||||
backgroundColor: AppColor.primary,
|
||||
elevation: 0,
|
||||
pinned: true,
|
||||
expandedHeight: 264.0,
|
||||
flexibleSpace: LayoutBuilder(
|
||||
builder:
|
||||
(BuildContext context, BoxConstraints constraints) {
|
||||
// Calculate the collapse ratio
|
||||
final double top = constraints.biggest.height;
|
||||
final double collapsedHeight =
|
||||
MediaQuery.of(context).padding.top +
|
||||
kToolbarHeight;
|
||||
final double expandedHeight = 264.0;
|
||||
final double shrinkRatio =
|
||||
((expandedHeight - top) /
|
||||
(expandedHeight - collapsedHeight))
|
||||
.clamp(0.0, 1.0);
|
||||
|
||||
return FlexibleSpaceBar(
|
||||
background: ProfileHeader(),
|
||||
titlePadding: const EdgeInsets.only(
|
||||
left: 20,
|
||||
right: 12,
|
||||
bottom: 16,
|
||||
),
|
||||
title: Opacity(
|
||||
opacity: shrinkRatio,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
'Profile',
|
||||
style: AppStyle.xl.copyWith(
|
||||
fontWeight: FontWeight.w700,
|
||||
fontSize: 18,
|
||||
letterSpacing: -0.5,
|
||||
color: AppColor.white,
|
||||
return FlexibleSpaceBar(
|
||||
background: ProfileHeader(user: state.user),
|
||||
titlePadding: const EdgeInsets.only(
|
||||
left: 20,
|
||||
right: 12,
|
||||
bottom: 16,
|
||||
),
|
||||
),
|
||||
ActionIconButton(
|
||||
onTap: () {},
|
||||
icon: LineIcons.userEdit,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
title: Opacity(
|
||||
opacity: shrinkRatio,
|
||||
child: Row(
|
||||
mainAxisAlignment:
|
||||
MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
'Profile',
|
||||
style: AppStyle.xl.copyWith(
|
||||
fontWeight: FontWeight.w700,
|
||||
fontSize: 18,
|
||||
letterSpacing: -0.5,
|
||||
color: AppColor.white,
|
||||
),
|
||||
),
|
||||
ActionIconButton(
|
||||
onTap: () {},
|
||||
icon: LineIcons.userEdit,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
SliverToBoxAdapter(
|
||||
child: Column(
|
||||
children: [
|
||||
const SpaceHeight(20),
|
||||
ProfileAccountInfo(user: state.user),
|
||||
const SpaceHeight(12),
|
||||
ProfileBusinessSetting(),
|
||||
const SpaceHeight(12),
|
||||
ProfileAppSetting(),
|
||||
const SpaceHeight(12),
|
||||
ProfileSupport(),
|
||||
const SpaceHeight(12),
|
||||
ProfileDangerZone(),
|
||||
const SpaceHeight(30),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
SliverToBoxAdapter(
|
||||
child: Column(
|
||||
children: [
|
||||
const SpaceHeight(20),
|
||||
ProfileAccountInfo(),
|
||||
const SpaceHeight(12),
|
||||
ProfileBusinessSetting(),
|
||||
const SpaceHeight(12),
|
||||
ProfileAppSetting(),
|
||||
const SpaceHeight(12),
|
||||
ProfileSupport(),
|
||||
const SpaceHeight(12),
|
||||
ProfileDangerZone(),
|
||||
const SpaceHeight(30),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,11 +1,15 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:line_icons/line_icons.dart';
|
||||
|
||||
import '../../../../common/extension/extension.dart';
|
||||
import '../../../../common/theme/theme.dart';
|
||||
import '../../../../domain/auth/auth.dart';
|
||||
import 'divider.dart';
|
||||
import 'profile_tile.dart';
|
||||
|
||||
class ProfileAccountInfo extends StatelessWidget {
|
||||
const ProfileAccountInfo({super.key});
|
||||
final User user;
|
||||
const ProfileAccountInfo({super.key, required this.user});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
@@ -38,9 +42,9 @@ class ProfileAccountInfo extends StatelessWidget {
|
||||
),
|
||||
|
||||
ProfileTile(
|
||||
icon: Icons.email_outlined,
|
||||
icon: LineIcons.envelope,
|
||||
title: 'Email',
|
||||
subtitle: 'john.doe@business.com',
|
||||
subtitle: user.email,
|
||||
onTap: () {
|
||||
// Edit email
|
||||
},
|
||||
@@ -49,31 +53,9 @@ class ProfileAccountInfo extends StatelessWidget {
|
||||
ProfileDivider(),
|
||||
|
||||
ProfileTile(
|
||||
icon: Icons.phone_outlined,
|
||||
title: 'Phone Number',
|
||||
subtitle: '+62 812 3456 7890',
|
||||
onTap: () {
|
||||
// Edit phone
|
||||
},
|
||||
),
|
||||
|
||||
ProfileDivider(),
|
||||
|
||||
ProfileTile(
|
||||
icon: Icons.location_on_outlined,
|
||||
title: 'Address',
|
||||
subtitle: 'Jl. Merdeka No. 123, Jakarta',
|
||||
onTap: () {
|
||||
// Edit address
|
||||
},
|
||||
),
|
||||
|
||||
ProfileDivider(),
|
||||
|
||||
ProfileTile(
|
||||
icon: Icons.calendar_today_outlined,
|
||||
icon: LineIcons.calendarAlt,
|
||||
title: 'Member Since',
|
||||
subtitle: 'January 15, 2024',
|
||||
subtitle: user.createdAt.toDate,
|
||||
showArrow: false,
|
||||
),
|
||||
],
|
||||
|
||||
@@ -1,12 +1,15 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'dart:math' as math;
|
||||
|
||||
import '../../../../common/extension/extension.dart';
|
||||
import '../../../../common/painter/wave_painter.dart';
|
||||
import '../../../../common/theme/theme.dart';
|
||||
import '../../../../domain/auth/auth.dart';
|
||||
import '../../../components/spacer/spacer.dart';
|
||||
|
||||
class ProfileHeader extends StatefulWidget {
|
||||
const ProfileHeader({super.key});
|
||||
final User user;
|
||||
const ProfileHeader({super.key, required this.user});
|
||||
|
||||
@override
|
||||
State<ProfileHeader> createState() => _ProfileHeaderState();
|
||||
@@ -347,7 +350,7 @@ class _ProfileHeaderState extends State<ProfileHeader>
|
||||
child: Column(
|
||||
children: [
|
||||
Text(
|
||||
'John Doe',
|
||||
widget.user.name,
|
||||
style: AppStyle.h5.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppColor.textWhite,
|
||||
@@ -408,7 +411,7 @@ class _ProfileHeaderState extends State<ProfileHeader>
|
||||
),
|
||||
const SpaceHeight(6),
|
||||
Text(
|
||||
'Business Owner',
|
||||
widget.user.role.toTitleCase,
|
||||
style: AppStyle.md.copyWith(
|
||||
color: AppColor.textWhite,
|
||||
fontWeight: FontWeight.w600,
|
||||
|
||||
Reference in New Issue
Block a user