first commit

lib/ui/widgets/my_button.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+
+import '../../app/themes/app_colors.dart';
+
+class MyButton extends StatelessWidget {
+  const MyButton({
+    Key? key,
+    required this.text,
+    this.theBackgroundColor = mainColor,
+    this.textColor = backgroundColor,
+    this.onPressed,
+  }) : super(key: key);
+
+  final String text;
+  final VoidCallback? onPressed;
+  final Color theBackgroundColor;
+  final Color textColor;
+
+  @override
+  Widget build(BuildContext context) {
+    return ElevatedButton(
+      style: ElevatedButton.styleFrom(
+        backgroundColor: theBackgroundColor,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(30),
+        ),
+      ),
+      onPressed: onPressed,
+      child: Text(
+        text,
+        style: TextStyle(
+          color: textColor,
+          fontSize: 18,
+        ),
+      ),
+    );
+  }
+}

lib/ui/widgets/my_textformfield.dart

@@ -0,0 +1,88 @@
+import 'package:flutter/material.dart';
+
+import '../../app/themes/app_colors.dart';
+
+class MyTextFormField extends StatelessWidget {
+  const MyTextFormField({
+    Key? key,
+    this.labelText,
+    this.hintText,
+    this.obscureText,
+    this.validator,
+    this.suffixIcon,
+    this.prefixIcon,
+    this.focusNode,
+    this.controller,
+    this.maxLines = 1,
+    this.onEditingComplete,
+    this.keyboardType = TextInputType.text,
+    this.initialValue,
+    this.readOnly = false,
+    this.maxLength,
+    this.onChanged,
+  }) : super(key: key);
+
+  final String? labelText;
+  final String? hintText;
+  final bool? obscureText;
+  final FormFieldValidator<String>? validator;
+  final Widget? suffixIcon;
+  final Widget? prefixIcon;
+  final FocusNode? focusNode;
+  final TextEditingController? controller;
+  final int maxLines;
+  final VoidCallback? onEditingComplete;
+  final TextInputType keyboardType;
+  final String? initialValue;
+  final bool readOnly;
+  final int? maxLength;
+  final void Function(String)? onChanged;
+
+  @override
+  Widget build(BuildContext context) {
+    return TextFormField(
+      onChanged: onChanged,
+      maxLength: maxLength,
+      readOnly: readOnly,
+      initialValue: initialValue,
+      onEditingComplete: onEditingComplete,
+      maxLines: maxLines,
+      controller: controller,
+      focusNode: focusNode,
+      obscureText: obscureText ?? false,
+      keyboardType: keyboardType,
+      decoration: InputDecoration(
+        prefixIcon: prefixIcon,
+        suffixIcon: suffixIcon,
+        enabledBorder: const OutlineInputBorder(
+          borderRadius: BorderRadius.all(Radius.circular(25)),
+          borderSide: BorderSide(
+              // color: mainColor,
+              ),
+        ),
+        focusedBorder: const OutlineInputBorder(
+          borderRadius: BorderRadius.all(Radius.circular(25)),
+          borderSide: BorderSide(
+              // color: mainColor,
+              ),
+        ),
+        focusedErrorBorder: const OutlineInputBorder(
+          borderRadius: BorderRadius.all(Radius.circular(25)),
+          borderSide: BorderSide(
+            color: dangerColor,
+          ),
+        ),
+        errorBorder: const OutlineInputBorder(
+          borderRadius: BorderRadius.all(Radius.circular(25)),
+          borderSide: BorderSide(
+            color: dangerColor,
+          ),
+        ),
+        labelText: labelText,
+        hintText: hintText,
+        labelStyle: const TextStyle(color: fontColor),
+      ),
+      validator: validator,
+    );
+  }
+}

lib/ui/widgets/top_container.dart

@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+
+import '../../app/themes/app_colors.dart';
+
+class TopContainer extends StatelessWidget {
+  const TopContainer({
+    super.key,
+    required this.title,
+    required this.value,
+    required this.icon,
+    required this.background,
+  });
+
+  final String title;
+  final String value;
+  final IconData icon;
+  final Color background;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
+      width: double.infinity,
+      decoration: BoxDecoration(
+        color: background,
+        borderRadius: BorderRadius.circular(10),
+      ),
+      child: Row(
+        // mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Expanded(
+            flex: 3,
+            child: Text(
+              title,
+              style: const TextStyle(
+                color: fontGrey,
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+              ),
+              textAlign: TextAlign.justify,
+            ),
+          ),
+          const Expanded(
+            flex: 1,
+            child: Text(
+              ':',
+              style: TextStyle(
+                color: fontGrey,
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+          Expanded(
+            flex: 5,
+            child: Text(
+              value,
+              style: const TextStyle(
+                color: fontGrey,
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+          Icon(
+            icon,
+            color: fontGrey,
+          ),
+        ],
+      ),
+    );
+  }
+}