ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-08-24 17:32:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance week navigation layout for improved UI

Browse Source
This commit is contained in:
mohammad
2025-07-22 14:40:50 +03:00
parent 0eb4652f26
commit 59058cf2d2
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
lib/pages/access_management/booking_system/presentation/view/booking_page.dart
View File

@ -1,4 +1,3 @@
// booking_page.dart
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:calendar_view/calendar_view.dart'; import 'package:calendar_view/calendar_view.dart';
@ -90,8 +89,7 @@ class _BookingPageContentState extends State<_BookingPageContent> {
return BlocListener<SelectedBookableSpaceBloc, SelectedBookableSpaceState>( return BlocListener<SelectedBookableSpaceBloc, SelectedBookableSpaceState>(
listener: (context, state) { listener: (context, state) {
if (state.selectedBookableSpace != null) { if (state.selectedBookableSpace != null) {
// Reset events and clear cache when room changes context.read<CalendarEventsBloc>().add(const ResetEvents());
context.read<CalendarEventsBloc>().add(ResetEvents());
_loadEvents(context); _loadEvents(context);
} }
}, },
@ -237,7 +235,6 @@ class _BookingPageContentState extends State<_BookingPageContent> {
.watch<DateSelectionBloc>() .watch<DateSelectionBloc>()
.state .state
.selectedDateFromSideBarCalender, .selectedDateFromSideBarCalender,
// isLoading: eventState is EventsLoading,
); );
}, },
); );

19
lib/pages/access_management/booking_system/presentation/view/widgets/week_navigation.dart
View File

@ -19,6 +19,7 @@ class WeekNavigation extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
width: 250,
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5), padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
decoration: BoxDecoration( decoration: BoxDecoration(
color: ColorsManager.circleRolesBackground, color: ColorsManager.circleRolesBackground,
@ -32,6 +33,8 @@ class WeekNavigation extends StatelessWidget {
], ],
), ),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
IconButton( IconButton(
iconSize: 15, iconSize: 15,
@ -40,12 +43,16 @@ class WeekNavigation extends StatelessWidget {
onPressed: onPreviousWeek, onPressed: onPreviousWeek,
), ),
const SizedBox(width: 10), const SizedBox(width: 10),
Text( SizedBox(
_getMonthYearText(weekStart, weekEnd), width: 120,
style: const TextStyle( child: Text(
color: ColorsManager.lightGrayColor, _getMonthYearText(weekStart, weekEnd),
fontSize: 14, style: const TextStyle(
fontWeight: FontWeight.w400, color: ColorsManager.lightGrayColor,
fontSize: 14,
fontWeight: FontWeight.w400,
),
textAlign: TextAlign.center,
), ),
), ),
const SizedBox(width: 10), const SizedBox(width: 10),