showPieceSelectionDialog function

Implementation

Future<PieceOption?> showPieceSelectionDialog(
    BuildContext context, Offset position, bool isWhite) async {
  final UserData userData = UserData();
  final RenderBox overlay =
      Overlay.of(context).context.findRenderObject()! as RenderBox;
  final RelativeRect positionRelativeRect = RelativeRect.fromRect(
    Rect.fromPoints(
      position,
      position.translate(1, 1),
    ),
    Offset.zero & overlay.size,
  );

  return await showMenu<PieceOption>(
      color: Theme.of(context).colorScheme.tertiary,
      shape: OutlineInputBorder(
        borderRadius: BorderRadius.circular(15),
        borderSide: BorderSide(
          color: Theme.of(context).colorScheme.primary,
          width: 1.25,
        ),
      ),
      context: context,
      position: positionRelativeRect,
      items: <PopupMenuEntry<PieceOption>>[
        PopupMenuItem(
          value: PieceOption.reina,
          child: Image(
              image: AssetImage(
            isWhite
                ? "images${userData.lightPieces}/reinaB.png"
                : "images${userData.darkPieces}/reinaN.png",
          )),
        ),
        PopupMenuItem(
            value: PieceOption.torre,
            child: Image(
              image: AssetImage(
                isWhite
                    ? "images${userData.lightPieces}/torreB.png"
                    : "images${userData.darkPieces}/torreN.png",
              ),
            )),
        PopupMenuItem(
            value: PieceOption.alfil,
            child: Image(
              image: AssetImage(
                isWhite
                    ? "images${userData.lightPieces}/alfilB.png"
                    : "images${userData.darkPieces}/alfilN.png",
              ),
            )),
        PopupMenuItem(
            value: PieceOption.caballo,
            child: Image(
              image: AssetImage(
                isWhite
                    ? "images${userData.lightPieces}/caballoB.png"
                    : "images${userData.darkPieces}/caballoN.png",
              ),
            )),
      ],
      elevation: 8.0,
      constraints: const BoxConstraints(maxWidth: 80));
}