BREAKING CHANGE: use segmented button

Update wish.dart: set default to daily

Author: ikhsan3adi

lib/features/add_wish/view/add_wish_screen.dart

@@ -70,28 +70,35 @@ class AddWishScreen extends StatelessWidget {
                 style: theme.textTheme.titleSmall?.copyWith(color: theme.colorScheme.primary),
               ),
               const SizedBox(height: 8),
-              Padding(
-                padding: const EdgeInsets.all(8.0),
-                child: Row(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  children: const [
-                    CustomRadioOutlinedButton(
-                      borderRadius: BorderRadius.horizontal(left: Radius.circular(50)),
-                      labelText: 'Harian',
-                      value: SavingPlan.daily,
-                    ),
-                    CustomRadioOutlinedButton(
-                      borderRadius: null,
-                      labelText: 'Mingguan',
-                      value: SavingPlan.weekly,
-                    ),
-                    CustomRadioOutlinedButton(
-                      borderRadius: BorderRadius.horizontal(right: Radius.circular(50)),
-                      labelText: 'Bulanan',
-                      value: SavingPlan.monthly,
-                    ),
-                  ],
-                ),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  BlocBuilder<AddWishBloc, AddWishState>(
+                    builder: (context, state) {
+                      return SegmentedButton<SavingPlan>(
+                        onSelectionChanged: (newSelection) {
+                          context.read<AddWishBloc>().add(WishSavingPlanChanged(savingPlan: newSelection.first));
+                        },
+                        showSelectedIcon: false,
+                        segments: const [
+                          ButtonSegment(
+                            value: SavingPlan.daily,
+                            label: Text('Harian'),
+                          ),
+                          ButtonSegment(
+                            value: SavingPlan.weekly,
+                            label: Text('Mingguan'),
+                          ),
+                          ButtonSegment(
+                            value: SavingPlan.monthly,
+                            label: Text('Bulanan'),
+                          ),
+                        ],
+                        selected: {state.newWish.savingPlan},
+                      );
+                    },
+                  ),
+                ],
               ),
               BlocBuilder<AddWishBloc, AddWishState>(
                 builder: (context, state) {

lib/features/add_wish/widget/custom_radio_outlined_button.dart

@@ -1,3 +1,2 @@
-export 'custom_radio_outlined_button.dart';
 export 'image_picker.dart';
 export 'my_text_form_field.dart';

lib/features/add_wish/widget/widget.dart

@@ -22,7 +22,7 @@ class Wish extends Equatable {
     required this.id,
     required this.name,
     required this.savingTarget,
-    required this.savingPlan,
+    this.savingPlan = SavingPlan.daily,
     required this.savingNominal,
     required this.listSaving,
     required this.createdAt,