changed ingredient input

lib/pages/create_recipe_page.dart

@@ -44,7 +44,10 @@ class _CreateRecipeState extends State<CreateRecipe> {
             DifficultyDropdown(
               onChanged: _onChanged,
             ),
-            FloatingActionButton(onPressed: _openIngredientBottomSheet),
+            ElevatedButton(
+              onPressed: _openIngredientBottomSheet,
+              child: const Text('Add Ingredient'),
+            ),
           ],
         ),
       ),

lib/widgets/difficulty_dropdown.dart

@@ -10,21 +10,20 @@ class DifficultyDropdown extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    List<DropdownMenuEntry> dropdownMenuEntryList = DifficultyUtil.difficulties
+    List<DropdownMenuEntry<Difficulty>> dropdownMenuEntryList =
-        .map((e) =>
+        Difficulty.values.map((e) => _toDropdownMenuEntry(e, e.name)).toList();
-            _toDropdownMenuEntry(DifficultyUtil.difficulties.indexOf(e), e))
-        .toList();
 
-    return DropdownMenu(
+    return DropdownMenu<Difficulty?>(
       dropdownMenuEntries: dropdownMenuEntryList,
       onSelected: (value) {
         if (onChanged != null) {
-          onChanged!(value as int);
+          onChanged!(value?.index ?? -1);
         }
       },
     );
   }
 
-  DropdownMenuEntry _toDropdownMenuEntry(int index, String text) =>
+  DropdownMenuEntry<Difficulty> _toDropdownMenuEntry(
-      DropdownMenuEntry(value: index, label: text);
+          Difficulty difficulty, String text) =>
+      DropdownMenuEntry(value: difficulty, label: text);
 }

lib/widgets/ingredients_bottomsheet.dart

@@ -12,17 +12,14 @@ class IngredientsBottomsheet extends StatefulWidget {
 }
 
 class _IngredientsBottomsheetState extends State<IngredientsBottomsheet> {
-  TextEditingController dropdownController = TextEditingController();
-  final List<DropdownMenuEntry<Unit>> unitEntries = [];
   final List<DropdownMenuEntry<Ingredient>> ingredientEntries = [];
+  final List<DropdownMenuEntry<Unit>> unitEntries = [];
   Unit? selectedUnit;
-  @override
+
-  Widget build(BuildContext context) {
+  bool _isOptional = false;
-    return BottomSheet(
+  TextEditingController _ingredientController = TextEditingController();
-      onClosing: onClosing,
+  TextEditingController _amountController = TextEditingController();
-      builder: _bottomSheetContent,
+  TextEditingController _unitController = TextEditingController();
-    );
-  }
 
   @override
   void initState() {
@@ -39,56 +36,122 @@ class _IngredientsBottomsheetState extends State<IngredientsBottomsheet> {
   void onClosing() {}
 
   Widget _bottomSheetContent(BuildContext context) {
-    return Padding(
+    return Wrap(
+      children: [
+        Padding(
           padding: EdgeInsets.only(
             top: 20,
-        left: 10,
+            left: 20,
-        right: 10,
+            right: 20,
             bottom: MediaQuery.of(context).viewInsets.bottom,
           ),
           child: Column(
+            mainAxisSize: MainAxisSize.max,
             children: [
-          Row(
+              DropdownMenu<Ingredient?>(
-            children: [
-              Expanded(
-                flex: 4,
-                child: DropdownMenu<Ingredient>(
                 dropdownMenuEntries: ingredientEntries,
                 enableSearch: true,
                 enableFilter: true,
                 requestFocusOnTap: true,
-                ),
+                controller: _ingredientController,
-              ),
+                label: const Text('Ingredient'),
-            ],
+                textStyle:
+                    TextStyle(color: Theme.of(context).colorScheme.onSurface),
               ),
               Row(
                 children: [
                   Expanded(
                     child: TextField(
                       maxLines: 1,
+                      controller: _amountController,
                       onTapOutside: (_) =>
                           FocusManager.instance.primaryFocus?.unfocus(),
                       keyboardType: TextInputType.number,
                       textInputAction: TextInputAction.next,
-                  decoration: InputDecoration(
+                      decoration: const InputDecoration(
                         label: Text('Amount'),
                       ),
+                      style: TextStyle(
+                          color: Theme.of(context).colorScheme.onSurface),
                     ),
                   ),
-              DropdownMenu<Unit>(
+                  DropdownMenu<Unit?>(
                     label: const Text('Unit'),
                     width: 150,
                     requestFocusOnTap: true,
-                controller: dropdownController,
+                    controller: _unitController,
                     dropdownMenuEntries: unitEntries,
                     onSelected: (unit) => setState(() {
                       selectedUnit = unit;
                     }),
-              )
+                    textStyle: TextStyle(
-            ],
+                        color: Theme.of(context).colorScheme.onSurface),
-          )
+                  ),
                 ],
               ),
+              Row(
+                children: [
+                  Text(
+                    'optional',
+                    style: TextStyle(
+                        color: Theme.of(context).colorScheme.onSurface),
+                  ),
+                  Checkbox(
+                    value: _isOptional,
+                    onChanged: (_) =>
+                        setState(() => _isOptional = !_isOptional),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+        const SizedBox(
+          height: 200,
+          width: 400,
+        ),
+        Padding(
+          padding: const EdgeInsets.all(10),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.end,
+            children: [
+              TextButton(
+                onPressed: _cancelTapped,
+                child: const Text('Cancel'),
+              ),
+              TextButton(
+                onPressed: _finishTapped,
+                child: const Text('Finish'),
+              ),
+              TextButton(
+                onPressed: _nextTapped,
+                child: const Text('Next'),
+              ),
+            ],
+          ),
+        ),
+      ],
     );
   }
+
+  @override
+  Widget build(BuildContext context) {
+    return BottomSheet(
+      onClosing: onClosing,
+      builder: _bottomSheetContent,
+    );
+  }
+
+  void _nextTapped() {
+    setState(() {
+      _ingredientController.value = TextEditingValue.empty;
+      _unitController.value = TextEditingValue.empty;
+      _amountController.value = TextEditingValue.empty;
+      _isOptional = false;
+    });
+  }
+
+  void _finishTapped() {}
+
+  void _cancelTapped() {}
 }