cloudsolutions-atoms/lib/views/widgets/status/single_status_menu.dart

import 'package:flutter/material.dart';
import 'package:test_sa/models/status.dart';
import 'package:test_sa/views/app_style/colors.dart';
import 'package:test_sa/views/app_style/sizing.dart';

class SingleStatusMenu extends StatefulWidget {
  final List<Status> statuses;
  final Status initialStatus;
  final Function(Status) onSelect;

  const SingleStatusMenu({Key key, this.statuses, this.onSelect, this.initialStatus}) : super(key: key);

  @override
  _SingleStatusMenuState createState() => _SingleStatusMenuState();
}

class _SingleStatusMenuState extends State<SingleStatusMenu> {
  Status _selectedStatus;

  @override
  void didUpdateWidget(covariant SingleStatusMenu oldWidget) {
    if (widget.initialStatus != null) {
      _selectedStatus = widget.statuses?.firstWhere((element) {
        return element?.id == widget.initialStatus.id;
      });
    } else {
      _selectedStatus = null;
    }
    super.didUpdateWidget(oldWidget);
  }

  @override
  void initState() {
    if (widget.initialStatus != null) {
      _selectedStatus = widget.statuses?.firstWhere((element) {
        return element?.id == widget.initialStatus.id;
      });
    }

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 16),
      decoration: BoxDecoration(
        color: AColors.inputFieldBackgroundColor,
        border: Border.all(
          color: Color(0xffefefef),
        ),
        borderRadius: BorderRadius.circular(AppStyle.borderRadius * AppStyle.getScaleFactor(context)),
        // boxShadow: const [
        //   AppStyle.boxShadow
        // ]
      ),
      child: DropdownButton<Status>(
        value: _selectedStatus,
        iconSize: 24,
        icon: Icon(Icons.keyboard_arrow_down_rounded),
        elevation: 0,
        isExpanded: true,
        hint: Text(
          "Select",
          style: Theme.of(context).textTheme.subtitle1,
        ),
        style: TextStyle(color: Theme.of(context).primaryColor),
        underline: SizedBox.shrink(),
        onChanged: (Status newValue) {
          setState(() {
            _selectedStatus = newValue;
          });
          widget.onSelect(newValue);
        },
        items: widget.statuses.map<DropdownMenuItem<Status>>((Status value) {
          return DropdownMenuItem<Status>(
            value: value,
            child: Text(
              value.label,
              style: Theme.of(context).textTheme.subtitle1.copyWith(color: Theme.of(context).primaryColor, fontWeight: FontWeight.w600),
            ),
          );
        }).toList(),
      ),
    );
  }
}