Made CommunityDialog reusable for edit and create features.

2026-10-25 15:07:55 +00:00 · 2025-07-06 10:46:20 +03:00
parent 15b36fd052
commit 6dcc851d97
11 changed files with 161 additions and 111 deletions
@@ -0,0 +1,134 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
+import 'package:syncrow_web/pages/common/buttons/default_button.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/create_community_name_text_field.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+
+class CommunityDialog extends StatefulWidget {
+  final String? initialName;
+  final Widget title;
+  final void Function(String name) onSubmit;
+  final String? errorMessage;
+
+  const CommunityDialog({
+    required this.title,
+    required this.onSubmit,
+    this.initialName,
+    this.errorMessage,
+    super.key,
+  });
+
+  @override
+  State<CommunityDialog> createState() => _CommunityDialogState();
+}
+
+class _CommunityDialogState extends State<CommunityDialog> {
+  late final TextEditingController _nameController;
+
+  @override
+  void initState() {
+    _nameController = TextEditingController(text: widget.initialName ?? '');
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _nameController.dispose();
+    super.dispose();
+  }
+
+  final _formKey = GlobalKey<FormState>();
+  @override
+  Widget build(BuildContext context) {
+    return Dialog(
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(20),
+      ),
+      backgroundColor: ColorsManager.transparentColor,
+      child: Container(
+        width: MediaQuery.of(context).size.width * 0.3,
+        padding: const EdgeInsets.all(20),
+        decoration: BoxDecoration(
+          color: ColorsManager.whiteColors,
+          borderRadius: BorderRadius.circular(20),
+          boxShadow: [
+            BoxShadow(
+              color: ColorsManager.blackColor.withValues(alpha: 0.25),
+              blurRadius: 20,
+              spreadRadius: 5,
+              offset: const Offset(0, 5),
+            ),
+          ],
+        ),
+        child: Form(
+          key: _formKey,
+          child: SingleChildScrollView(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                DefaultTextStyle(
+                  style: Theme.of(context).textTheme.headlineMedium!,
+                  child: widget.title,
+                ),
+                const SizedBox(height: 18),
+                CreateCommunityNameTextField(
+                  nameController: _nameController,
+                ),
+                if (widget.errorMessage != null)
+                  Padding(
+                    padding: const EdgeInsets.only(top: 18),
+                    child: SelectableText(
+                      '* ${widget.errorMessage}',
+                      style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                            color: Theme.of(context).colorScheme.error,
+                          ),
+                    ),
+                  ),
+                const SizedBox(height: 24),
+                _buildActionButtons(context),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildActionButtons(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Expanded(
+          child: CancelButton(
+            label: 'Cancel',
+            onPressed: () => Navigator.of(context).pop(),
+          ),
+        ),
+        const SizedBox(width: 16),
+        _buildCreateCommunityButton(context),
+      ],
+    );
+  }
+
+  Widget _buildCreateCommunityButton(BuildContext context) {
+    return Expanded(
+      child: DefaultButton(
+        onPressed: () {
+          if (_formKey.currentState?.validate() ?? false) {
+            _onSubmit(context);
+          }
+        },
+        borderRadius: 10,
+        foregroundColor: ColorsManager.whiteColors,
+        child: const Text('OK'),
+      ),
+    );
+  }
+
+  void _onSubmit(BuildContext context) {
+    if (_formKey.currentState?.validate() ?? false) {
+      widget.onSubmit.call(_nameController.text.trim());
+    }
+  }
+}