first commit

lib/ui/widgets/my_button.dart

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

lib/ui/widgets/my_textformfield.dart

@@ -0,0 +1,81 @@
+import 'package:flutter/material.dart';
+import 'package:perumahan_bew/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.readOnly = false,
+    this.onTap,
+  }) : 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 bool readOnly;
+  final VoidCallback? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return TextFormField(
+      onTap: onTap,
+      readOnly: readOnly,
+      keyboardType: keyboardType,
+      onEditingComplete: onEditingComplete,
+      maxLines: maxLines,
+      controller: controller,
+      focusNode: focusNode,
+      obscureText: obscureText ?? false,
+      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,90 @@
+import 'package:flutter/material.dart';
+
+import '../../app/themes/app_colors.dart';
+import '../../app/themes/app_text.dart';
+
+class MyTopWidget extends StatelessWidget {
+  const MyTopWidget({
+    Key? key,
+    required this.icon,
+    required this.title,
+    required this.subtitle,
+    // required this.lastUpdate,
+  }) : super(key: key);
+
+  final IconData icon;
+  final String title;
+  final String subtitle;
+  // final String lastUpdate;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
+      width: MediaQuery.of(context).size.width * 0.42,
+      decoration: BoxDecoration(
+        color: mainColor,
+        borderRadius: BorderRadius.circular(10),
+        boxShadow: const [
+          BoxShadow(
+            color: Colors.grey,
+            spreadRadius: 5,
+            blurRadius: 7,
+            // offset: Offset(0, 3), // changes position of shadow
+          ),
+        ],
+      ),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Container(
+            width: 50,
+            height: 50,
+            decoration: BoxDecoration(
+              color: mainColor.withAlpha(100),
+              borderRadius: BorderRadius.circular(10),
+              boxShadow: [
+                BoxShadow(
+                  color: Colors.grey.withOpacity(0.7),
+                  // spreadRadius: 5,
+                  // blurRadius: 7,
+                  // offset: Offset(0, 3), // changes position of shadow
+                ),
+              ],
+            ),
+            child: Icon(
+              icon,
+              color: backgroundColor,
+            ),
+          ),
+          const SizedBox(height: 5),
+          Text(
+            title,
+            style: boldTextStyle.copyWith(
+              fontSize: 16,
+              color: backgroundColor,
+            ),
+            overflow: TextOverflow.ellipsis,
+          ),
+          const SizedBox(height: 5),
+          Text(
+            subtitle,
+            style: boldTextStyle.copyWith(
+              fontSize: 13,
+              color: backgroundColor,
+            ),
+          ),
+          const SizedBox(height: 5),
+          // Text(
+          //   lastUpdate,
+          //   style: regularTextStyle.copyWith(
+          //     fontSize: 11,
+          //     color: backgroundColor,
+          //   ),
+          // ),
+        ],
+      ),
+    );
+  }
+}