connected checkin to service, gridview done

Author: FireJuun

lib/screens/checkin.screen.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:symptom_tracker/screens/screens.dart';
+import 'package:symptom_tracker/services/services.dart';
 import 'package:symptom_tracker/shared/action_button.dart';
 import 'package:symptom_tracker/shared/shared.dart';
 
@@ -25,7 +26,7 @@ class CheckinScreen extends StatelessWidget {
           SizedBox(height: 48),
           _buildHeader(),
           SizedBox(height: 24),
-          Text('text'),
+          _buildSymptomList(),
           SizedBox(height: 24),
           SharedActionButton(
             title: 'Submit',
@@ -55,4 +56,47 @@ class CheckinScreen extends StatelessWidget {
       ],
     );
   }
+
+  Widget _buildSymptomList() {
+    return GetBuilder<SymptomService>(
+      init: SymptomService(),
+      builder: (data) => Expanded(
+        child: GridView(
+          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2, childAspectRatio: 2),
+          children: [...data.symptomList.map((item) => _listItem(item))],
+        ),
+      ),
+    );
+  }
+
+  Widget _listItem(Symptom item) {
+    return GestureDetector(
+      onTap: () => SymptomService.to.toggleChecked(item),
+      child: Container(
+        margin: const EdgeInsets.all(8),
+        padding: const EdgeInsets.only(left: 8),
+        decoration: BoxDecoration(
+            border: Border.all(color: Get.theme.unselectedWidgetColor), borderRadius: BorderRadius.circular(16)),
+        child: Row(
+          children: [
+            Icon(
+              item.icon,
+              color: (item.isChecked) ? Get.theme.primaryColor : Get.theme.disabledColor,
+            ),
+            Expanded(
+              child: Text(item.name,
+                  textAlign: TextAlign.center,
+                  style: Get.theme.textTheme.subtitle2
+                      .apply(color: (item.isChecked) ? Get.theme.primaryColor : Get.theme.disabledColor)),
+            ),
+            Checkbox(
+              activeColor: Get.theme.primaryColor,
+              value: item.isChecked,
+              onChanged: (value) => SymptomService.to.toggleChecked(item),
+            )
+          ],
+        ),
+      ),
+    );
+  }
 }

lib/services/symptom.service.dart

@@ -6,12 +6,73 @@ import 'package:symptom_tracker/services/services.dart';
 class SymptomService extends GetController {
   static SymptomService get to => Get.find();
 
+  void toggleChecked(Symptom item) {
+    item.isChecked = !item.isChecked;
+    update(this);
+  }
+
   List<Symptom> get symptomList => _symptomList;
 
   List<Symptom> _symptomList = [
-    Symptom(icon: FlutterIcons.face_mco, name: 'Cough', id: symptomId.cough),
-    Symptom(icon: FlutterIcons.face_mco, name: 'SOB', id: symptomId.cough),
-    Symptom(icon: FlutterIcons.face_mco, name: 'dizzy', id: symptomId.cough),
-    Symptom(icon: FlutterIcons.face_mco, name: 'get data', id: symptomId.cough),
+    Symptom(
+      name: 'Cough',
+      id: symptomId.cough,
+      icon: FlutterIcons.face_mco,
+    ),
+    Symptom(
+      name: 'Short of Breath',
+      id: symptomId.sob,
+      icon: FlutterIcons.ambulance_faw,
+    ),
+    Symptom(
+      name: 'Feeling Ill',
+      id: symptomId.feelingIll,
+      icon: FlutterIcons.thermometer_faw,
+    ),
+    Symptom(
+      name: 'Headache',
+      id: symptomId.headache,
+      icon: FlutterIcons.keybase_faw5d,
+    ),
+    Symptom(
+      name: 'Body Aches',
+      id: symptomId.bodyAches,
+      icon: FlutterIcons.md_body_ion,
+    ),
+    Symptom(
+      name: 'Sore Throat',
+      id: symptomId.soreThroat,
+      icon: FlutterIcons.pills_faw5s,
+    ),
+    Symptom(
+      name: 'Weird/No Taste',
+      id: symptomId.taste,
+      icon: FlutterIcons.hamburger_faw5s,
+    ),
+    Symptom(
+      name: 'Weird/No Smell',
+      id: symptomId.smell,
+      icon: FlutterIcons.flower_ent,
+    ),
+    Symptom(
+      name: 'Vomiting',
+      id: symptomId.vomiting,
+      icon: FlutterIcons.food_off_mco,
+    ),
+    Symptom(
+      name: 'Diarrhea',
+      id: symptomId.diarrhea,
+      icon: FlutterIcons.emoticon_poop_mco,
+    ),
+    Symptom(
+      name: 'Sneezing',
+      id: symptomId.sneezing,
+      icon: FlutterIcons.wind_fea,
+    ),
+    Symptom(
+      name: 'Runny Nose',
+      id: symptomId.runnyNose,
+      icon: FlutterIcons.run_fast_mco,
+    ),
   ];
 }