diff --git a/assets/images/current_level.png b/assets/images/current_level.png new file mode 100644 index 0000000..ac3cbcd Binary files /dev/null and b/assets/images/current_level.png differ diff --git a/assets/images/current_mission.svg b/assets/images/current_mission.svg deleted file mode 100644 index 12ddce8..0000000 --- a/assets/images/current_mission.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/images/done_rounded.svg b/assets/images/done_rounded.svg new file mode 100644 index 0000000..941246e --- /dev/null +++ b/assets/images/done_rounded.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/finished_level.png b/assets/images/finished_level.png new file mode 100644 index 0000000..89cb246 Binary files /dev/null and b/assets/images/finished_level.png differ diff --git a/assets/images/finished_mission.svg b/assets/images/finished_mission.svg deleted file mode 100644 index c960a44..0000000 --- a/assets/images/finished_mission.svg +++ /dev/null @@ -1,76 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/images/level.png b/assets/images/level.png new file mode 100644 index 0000000..f6a88ec Binary files /dev/null and b/assets/images/level.png differ diff --git a/assets/images/mission.svg b/assets/images/mission.svg deleted file mode 100644 index 7bf70a1..0000000 --- a/assets/images/mission.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - diff --git a/lib/common_ui/resources/my_assets.dart b/lib/common_ui/resources/my_assets.dart index fd5882e..862e6a3 100644 --- a/lib/common_ui/resources/my_assets.dart +++ b/lib/common_ui/resources/my_assets.dart @@ -29,10 +29,11 @@ class MyAssets { static const String wrong = 'assets/images/wrong.svg'; static const String handPoint = 'assets/images/hand_point.svg'; static const String mapBackground = 'assets/images/map_background.png'; - static const String mission = 'assets/images/mission.svg'; - static const String finishedMission = 'assets/images/finished_mission.svg'; - static const String currentMission = 'assets/images/current_mission.svg'; + static const String level = 'assets/images/level.png'; + static const String finishedLevel = 'assets/images/finished_level.png'; + static const String currentLevel = 'assets/images/current_level.png'; static const String location = 'assets/images/location.svg'; static const String play = 'assets/images/play.svg'; static const String homeButton = 'assets/images/home_button.png'; + static const String doneRounded = 'assets/images/done_rounded.svg'; } \ No newline at end of file diff --git a/lib/features/level/presentation/ui/widgets/level_widget.dart b/lib/features/level/presentation/ui/widgets/level_widget.dart index 489bb72..821bd75 100644 --- a/lib/features/level/presentation/ui/widgets/level_widget.dart +++ b/lib/features/level/presentation/ui/widgets/level_widget.dart @@ -10,9 +10,9 @@ enum LevelType { current; static Map get image => { - LevelType.unFinished: MyAssets.mission, - LevelType.finished: MyAssets.finishedMission, - LevelType.current: MyAssets.currentMission, + LevelType.unFinished: MyAssets.level, + LevelType.finished: MyAssets.finishedLevel, + LevelType.current: MyAssets.currentLevel, }; } @@ -26,12 +26,46 @@ class LevelWidget extends StatelessWidget { Widget build(BuildContext context) { return Stack( alignment: Alignment.topCenter, + clipBehavior: Clip.none, children: [ - MyImage(image: LevelType.image[type] ?? MyAssets.mission, size: 44), + MyImage(image: LevelType.image[type] ?? MyAssets.level, size: 46), Text( '$index', style: MyTextStyle.normal.copyWith(color: context.primaryColor), ), + if(type == LevelType.current) + Positioned( + top: -20, + child: MyImage( + image: MyAssets.location, + size: 26, + ), + ), + if(type == LevelType.finished) + Positioned( + bottom: 0, + child: Container( + height: 17, + width: 17, + padding: EdgeInsets.all(3), + decoration: BoxDecoration( + shape: BoxShape.circle, + border: Border.all( + width: 1, + color: Color(0XFF3CFF3C), + ), + gradient: LinearGradient( + begin: Alignment.topCenter, + end: Alignment.bottomCenter, + colors: [ + Color(0XFF48D336), + Color(0XFF2D7C23), + ], + ), + ), + child: MyImage(image: MyAssets.doneRounded), + ), + ), ], ); }