internal Work List screen 1.2

lib/ui/work_list/missing_swipe/fragments/attachments_fragment.dart

@@ -1,4 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:mohem_flutter_app/extensions/string_extensions.dart';
+import 'package:mohem_flutter_app/extensions/int_extensions.dart';
 
 class AttachmentsFragment extends StatelessWidget {
   @override
@@ -6,6 +9,53 @@ class AttachmentsFragment extends StatelessWidget {
     return Container(
       width: double.infinity,
       height: double.infinity,
+      child: ListView.separated(
+        itemCount: 2,
+        padding: EdgeInsets.all(21),
+        itemBuilder: (context, index) {
+          return showItem(attachmentsList[index]);
+        },
+        separatorBuilder: (BuildContext context, int index) {
+          return 21.height;
+        },
+      ),
+    );
+  }
+
+  Widget showItem(Attachments attachments) {
+    return Container(
+      width: double.infinity,
+      padding: EdgeInsets.all(21),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(15),
+        boxShadow: [
+          BoxShadow(
+            color: const Color(0xff000000).withOpacity(.05),
+            blurRadius: 26,
+            offset: const Offset(0, -3),
+          ),
+        ],
+      ),
+      child: Row(
+        children: [
+          SvgPicture.asset(attachments.icon),
+          12.width,
+          attachments.title.toText16()
+        ],
+      ),
     );
   }
 }
+
+class Attachments {
+  String title;
+  String icon;
+
+  Attachments(this.title, this.icon);
+}
+
+List<Attachments> attachmentsList = [
+  Attachments("Attachment File Name.png", "assets/images/png.svg"),
+  Attachments("Attachment File Name.pdf", "assets/images/pdf.svg"),
+];

lib/ui/work_list/missing_swipe/fragments/info_fragments.dart

@@ -1,4 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:mohem_flutter_app/classes/colors.dart';
+import 'package:mohem_flutter_app/extensions/int_extensions.dart';
+import 'package:mohem_flutter_app/extensions/string_extensions.dart';
 
 class InfoFragment extends StatelessWidget {
   @override
@@ -6,6 +9,61 @@ class InfoFragment extends StatelessWidget {
     return Container(
       width: double.infinity,
       height: double.infinity,
+      child: Column(
+        children: [
+          Container(
+            width: double.infinity,
+            decoration: BoxDecoration(
+              color: Colors.white,
+              borderRadius: BorderRadius.circular(15),
+              boxShadow: [
+                BoxShadow(
+                  color: const Color(0xff000000).withOpacity(.05),
+                  blurRadius: 26,
+                  offset: const Offset(0, -3),
+                ),
+              ],
+            ),
+            margin: EdgeInsets.all(21),
+            padding: EdgeInsets.only(top: 21, bottom: 21, right: 16, left: 16),
+            child: Column(
+              children: [
+                Row(
+                  children: [
+                    Expanded(
+                      child: "Info Details".toText16(),
+                    ),
+                    // Icon(Icons.keyboard_arrow_down_rounded),
+                  ],
+                ),
+                Column(
+                  children: [
+                    12.height,
+                    showItem("From:", "Alma Linde Mendoza"),
+                    showItem("To:", "Al Yabis, Norah"),
+                    showItem("Sent:", "1/26/2020 10:41:07 AM"),
+                    showItem("ID:", "30581045"),
+                    showItem("Closed:", "-"),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget showItem(String title, String value) {
+    return Padding(
+      padding: const EdgeInsets.only(top: 2, bottom: 2),
+      child: Row(
+        children: [
+          title.toText12(isBold: true),
+          6.width,
+          title.toText12(isBold: false, color: MyColors.normalTextColor),
+        ],
+      ),
     );
   }
 }

lib/ui/work_list/missing_swipe/fragments/request_fragment.dart

@@ -74,7 +74,7 @@ class _RequestFragmentState extends State<RequestFragment> {
 
   Widget showItem(String title, String value) {
     return Padding(
-      padding: const EdgeInsets.only(top: 4, bottom: 4),
+      padding: const EdgeInsets.only(top: 2, bottom: 2),
       child: Row(
         children: [
           title.toText12(isBold: true),