feat: current user

This commit is contained in:
efrilm
2025-08-16 19:56:45 +07:00
parent 5387d7b7a6
commit e7525238fe
4 changed files with 139 additions and 138 deletions
@@ -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,