Lx 31 wishlist UI compose

[GeniusApk]

Luxury Eye - Wishlist Feature

Overview

This update introduces the Wishlist feature in the Luxury Eye app using Jetpack Compose. Users can now view a curated list of their desired products with detailed information, including the original price, discounted price range, and promotional offers. The UI is designed to be visually appealing and user-friendly, enhancing the overall user experience.

Changes

Added

• Product Data Class:

  • Represents a product with properties such as id, name, imageResourceId, originalPrice, discountedPriceRange, and promotion.
  • Note: This is temporary data for demonstration purposes and should be replaced with data from the ViewModel.

• Sample Products:

  • A list of sample products to showcase the functionality.

• WishlistUi Composable Function:

  • Implements the main UI for the wishlist screen.
  • Features a TopAppBar with a centered title and a back navigation icon.
  • Utilizes a LazyColumn to display the list of products in an efficient, scrollable manner.

• ProductCard Composable Function:

  • Displays individual product details within a card layout.
  • Includes product image, name, original price (with strikethrough), discounted price range, and promotional offers.
  • Incorporates an IconButton for additional actions.

Screenshots

Future Enhancements

• Integrate with the ViewModel to fetch real data.
• Add click functionality to product cards for detailed product views.
• Enhance UI with animations and more detailed styling.

Notes

Ensure that the dummy data is replaced with actual data from your ViewModel when integrating with the backend.