LabelDropDown

label_dropdown.dart

class LabelDropdown extends ConsumerWidget {
  const LabelDropdown({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final project = ref.watch(projectControllerProvider);

    return PopupMenuButton<String>(
      onSelected: (String value) {
        if (value == "AddNewLabel") {
          return;
        } else {
          // Update other views with selected label
        }
      },
      itemBuilder: (BuildContext context) {
        return [
          ...project.labels.map<PopupMenuItem<String>>(
            (String label) => PopupMenuItem<String>(
              key: Key(project.labels.join(',')),
              value: label,
              child: Text(label),
            ),
          ),
          PopupMenuItem<String>(
            value: "AddNewLabel",
            child: TextField(
              style: const TextStyle(color: AppColors.textPrimary),
              cursorColor: AppColors.accentPrimary,
              decoration: const InputDecoration(
                hintText: "Add new label",
                hintStyle: TextStyle(color: AppColors.textPrimary),
                focusedBorder: UnderlineInputBorder(
                  borderSide: BorderSide(color: AppColors.accentPrimary),
                ),
              ),
              onSubmitted: (value) {
                if (value.isNotEmpty) {
                  ref.read(projectControllerProvider.notifier).addLabel(value);
                }
              },
            ),
          ),
        ];
      },
    );
  }
}