profile tabs fixed
This commit is contained in:
@@ -1,19 +1,17 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/svg.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:tm_app/core/routes/app_routes.dart';
|
||||
import 'package:tm_app/view_models/profile_view_model.dart';
|
||||
|
||||
import '../../../core/constants/assets.dart';
|
||||
import '../../../core/constants/common_strings.dart';
|
||||
import '../../../core/theme/colors.dart';
|
||||
import '../../../core/utils/app_toast.dart';
|
||||
import '../../../core/utils/size_config.dart';
|
||||
import '../../../view_models/auth_view_model.dart';
|
||||
import '../../shared/desktop_navigation_widget.dart';
|
||||
import '../strings/profile_strings.dart';
|
||||
import '../widgets/theme_toggle.dart';
|
||||
import '../widgets/title_description.dart';
|
||||
import '../widgets/main_data_tab.dart';
|
||||
import '../widgets/members_tab.dart';
|
||||
import '../widgets/profile_tab_bar.dart';
|
||||
|
||||
class DesktopProfilePage extends StatefulWidget {
|
||||
const DesktopProfilePage({super.key});
|
||||
@@ -22,12 +20,15 @@ class DesktopProfilePage extends StatefulWidget {
|
||||
State<DesktopProfilePage> createState() => _DesktopProfilePageState();
|
||||
}
|
||||
|
||||
class _DesktopProfilePageState extends State<DesktopProfilePage> {
|
||||
class _DesktopProfilePageState extends State<DesktopProfilePage>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late ProfileViewModel viewModel;
|
||||
late final TabController tabController;
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
viewModel = context.read<ProfileViewModel>();
|
||||
tabController = TabController(length: 3, vsync: this);
|
||||
viewModel.addListener(_profileListener);
|
||||
}
|
||||
|
||||
@@ -56,150 +57,57 @@ class _DesktopProfilePageState extends State<DesktopProfilePage> {
|
||||
const DesktopNavigationWidget(
|
||||
currentIndex: 4, // Tenders index
|
||||
),
|
||||
Consumer<ProfileViewModel>(
|
||||
builder: (context, viewModel, child) {
|
||||
if (viewModel.isLoading) {
|
||||
return const Expanded(
|
||||
child: Center(
|
||||
Expanded(
|
||||
child: Consumer<ProfileViewModel>(
|
||||
builder: (context, viewModel, child) {
|
||||
if (viewModel.isLoading) {
|
||||
return const Center(
|
||||
child: CircularProgressIndicator(
|
||||
color: AppColors.secondary50,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
if (viewModel.errorMessage != null) {
|
||||
return Expanded(
|
||||
child: Center(child: Text(viewModel.errorMessage!)),
|
||||
);
|
||||
}
|
||||
);
|
||||
}
|
||||
if (viewModel.errorMessage != null) {
|
||||
return Center(child: Text(viewModel.errorMessage!));
|
||||
}
|
||||
|
||||
if (viewModel.profileData == null) {
|
||||
return const Expanded(
|
||||
child: Center(child: Text(CommonStrings.noData)),
|
||||
);
|
||||
}
|
||||
if (viewModel.profileData == null) {
|
||||
return const Center(child: Text(CommonStrings.noData));
|
||||
}
|
||||
|
||||
return Expanded(
|
||||
child: SingleChildScrollView(
|
||||
return SizedBox(
|
||||
width: 740,
|
||||
height: double.infinity,
|
||||
child: Column(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 740,
|
||||
child: Column(
|
||||
const SizedBox(height: 46),
|
||||
ProfileTabBar(
|
||||
controller: tabController,
|
||||
titles: [
|
||||
ProfileStrings.mainDataTab,
|
||||
ProfileStrings.membersTab,
|
||||
ProfileStrings.subjectTab,
|
||||
],
|
||||
),
|
||||
Expanded(
|
||||
child: TabBarView(
|
||||
controller: tabController,
|
||||
children: [
|
||||
SizedBox(height: 36.0.h()),
|
||||
TitleDescription(
|
||||
title: ProfileStrings.fullname,
|
||||
description:
|
||||
viewModel.profileData!.fullName ?? '',
|
||||
),
|
||||
TitleDescription(
|
||||
title: ProfileStrings.username,
|
||||
description:
|
||||
viewModel.profileData!.username ?? '',
|
||||
),
|
||||
TitleDescription(
|
||||
title: ProfileStrings.email,
|
||||
description: viewModel.profileData!.email ?? '',
|
||||
),
|
||||
TitleDescription(
|
||||
title: ProfileStrings.phone,
|
||||
description: viewModel.profileData!.phone ?? '',
|
||||
),
|
||||
TitleDescription(
|
||||
title: ProfileStrings.companyName,
|
||||
description:
|
||||
viewModel
|
||||
.profileData!
|
||||
.companies!
|
||||
.first
|
||||
.name ??
|
||||
'',
|
||||
),
|
||||
|
||||
SizedBox(height: 24.0.h()),
|
||||
// Theme Toggle
|
||||
Align(
|
||||
alignment: AlignmentDirectional.centerStart,
|
||||
child: Text(
|
||||
ProfileStrings.settings,
|
||||
style: TextStyle(
|
||||
fontSize: 20.0.sp(),
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.grey70,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(height: 36.0.h()),
|
||||
_themeChangeRow(),
|
||||
SizedBox(height: 24.0.h()),
|
||||
Divider(
|
||||
color: AppColors.dividerColor,
|
||||
thickness: 1,
|
||||
),
|
||||
SizedBox(height: 24.0.h()),
|
||||
// Spacer(),
|
||||
Align(
|
||||
alignment: AlignmentDirectional.centerEnd,
|
||||
child: InkWell(
|
||||
onTap: () => viewModel.logout(),
|
||||
borderRadius: BorderRadius.circular(100),
|
||||
child: Container(
|
||||
width: 156,
|
||||
height: 56.0.h(),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.primary20,
|
||||
borderRadius: BorderRadius.circular(100),
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: Text(
|
||||
ProfileStrings.logout,
|
||||
style: TextStyle(
|
||||
fontSize: 14.0.sp(),
|
||||
fontWeight: FontWeight.w500,
|
||||
color: AppColors.primaryColor,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
MainDataTab(
|
||||
profileData: viewModel.profileData!,
|
||||
onLogout: () => viewModel.logout(),
|
||||
),
|
||||
const MembersTab(),
|
||||
const Center(child: Text('Subject Tab Content')),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _themeChangeRow() {
|
||||
return Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 8.0.w()),
|
||||
child: Row(
|
||||
children: [
|
||||
Text(
|
||||
ProfileStrings.appTheme,
|
||||
style: TextStyle(
|
||||
fontSize: 16.0.sp(),
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.grey70,
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
const Spacer(),
|
||||
SvgPicture.asset(AssetsManager.sun),
|
||||
SizedBox(width: 12.0.w()),
|
||||
SizedBox(
|
||||
width: 52.0.w(),
|
||||
height: 32.0.h(),
|
||||
child: const ThemeToggle(),
|
||||
),
|
||||
SizedBox(width: 12.0.w()),
|
||||
SvgPicture.asset(AssetsManager.moon),
|
||||
],
|
||||
),
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user