Skip to content

UI Change List #45

Open
Open
@sanjeevyadavIT

Description

@sanjeevyadavIT

Is your feature request related to a problem? Please describe.
Fix all these UI changes to improve UX

APP level

  • Add selectedKey prop to all <ModalSelect /> component and remove setState logic from onChange` function
  • Show cart item count on bottom bar as badge

Product Screen

  1. Replace WebView with react-native-render-html library to render product description
  2. Use type_id === 'configurable' logic to check it has options, everywhere in product detail page
  3. No message is shown when user hit add to cart button, show success or error message accordingly
  4. No check in configurable type product to disable certain options which are not available

Example: suppose in size s color red is not available, so when user select size s, red option should be disabled.

  1. No check written to check whether product is out of stock or not, if out of stock, disable add-to-cart button
  2. Add input box to let user enter quantity of that product for cart currently defaults to 1, and not more then available quantity
  3. Show image of current selected product in configurable type product
  4. Change logic of how configurable type product get added to cart. docs

Login Screen

  • Show icon to unhide password in Password Input field
  • Show next button to jump to next TextInput that comes after the current one being edited (use ref)
  • Disable auto captilize in email TextInput
  • Add check for valid Input element (ex. valid email id)

Signup Screen

  • Show icon to unhide password in Password Input field
  • Show next button to jump to next TextInput that comes after the current one being edited (use ref)
  • Disable auto captilize in email TextInput
  • Add check for valid Input element (ex. valid email id)

Checkout Address Screen

  • Show next button to jump to next TextInput that comes after the current one being edited (use ref)

Cart Screen

  • Define prop type for items props in Cart

DrawerHeader component

  • Show logged in user name in Welcome text shown in DrawerHeader component
  • Add logout button in Drawer

Edit Profile Screen

  • Enable to set gender

Order List & Order Detail Screen

  • Show images of products
  • Open Product Screen, when clicked on product from Order Detail Screen

Categories Screen

  • Add animation when opening & closing catgeory

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions