Refactor CreateSubSpaceDialog to use context extension for screen width calculations

This commit is contained in:
Faris Armoush
2025-04-17 09:34:03 +03:00
parent 726c173a76
commit 62bf4f2944

View File

@ -11,6 +11,7 @@ import 'package:syncrow_web/pages/spaces_management/create_subspace/bloc/subspac
import 'package:syncrow_web/pages/spaces_management/create_subspace_model/widgets/subspace_chip.dart'; import 'package:syncrow_web/pages/spaces_management/create_subspace_model/widgets/subspace_chip.dart';
import 'package:syncrow_web/pages/spaces_management/space_model/models/subspace_template_model.dart'; import 'package:syncrow_web/pages/spaces_management/space_model/models/subspace_template_model.dart';
import 'package:syncrow_web/utils/color_manager.dart'; import 'package:syncrow_web/utils/color_manager.dart';
import 'package:syncrow_web/utils/extension/build_context_x.dart';
class CreateSubSpaceDialog extends StatelessWidget { class CreateSubSpaceDialog extends StatelessWidget {
final bool isEdit; final bool isEdit;
@ -19,7 +20,7 @@ class CreateSubSpaceDialog extends StatelessWidget {
final String? spaceName; final String? spaceName;
final List<Tag>? spaceTags; final List<Tag>? spaceTags;
final List<ProductModel>? products; final List<ProductModel>? products;
final Function(List<SubspaceModel>?)? onSave; final void Function(List<SubspaceModel>?)? onSave;
const CreateSubSpaceDialog( const CreateSubSpaceDialog(
{super.key, {super.key,
@ -33,7 +34,6 @@ class CreateSubSpaceDialog extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final screenWidth = MediaQuery.of(context).size.width;
final textController = TextEditingController(); final textController = TextEditingController();
return Dialog( return Dialog(
@ -55,7 +55,7 @@ class CreateSubSpaceDialog extends StatelessWidget {
return Container( return Container(
color: ColorsManager.whiteColors, color: ColorsManager.whiteColors,
child: SizedBox( child: SizedBox(
width: screenWidth * 0.35, width: context.screenWidth * 0.35,
child: Padding( child: Padding(
padding: const EdgeInsets.all(16.0), padding: const EdgeInsets.all(16.0),
child: Column( child: Column(
@ -71,7 +71,7 @@ class CreateSubSpaceDialog extends StatelessWidget {
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
Container( Container(
width: screenWidth * 0.35, width: context.screenWidth * 0.35,
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
vertical: 10.0, horizontal: 16.0), vertical: 10.0, horizontal: 16.0),
decoration: BoxDecoration( decoration: BoxDecoration(