magento_react_native icon indicating copy to clipboard operation
magento_react_native copied to clipboard

UI Change List

Open sanjeevyadavIT opened this issue 6 years ago • 1 comments
trafficstars

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
  • [x] Show cart item count on bottom bar as badge

Product Screen

  1. [x] Replace WebView with react-native-render-html library to render product description
  2. [x] Use type_id === 'configurable' logic to check it has options, everywhere in product detail page
  3. [x] 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. [x] Show image of current selected product in configurable type product
  4. [x] Change logic of how configurable type product get added to cart. docs

Login Screen

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

Signup Screen

  • [x] Show icon to unhide password in Password Input field
  • [x] Show next button to jump to next TextInput that comes after the current one being edited (use ref)
  • [x] Disable auto captilize in email TextInput
  • [x] 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

  • [x] Define prop type for items props in Cart

DrawerHeader component

  • [x] Show logged in user name in Welcome text shown in DrawerHeader component
  • [x] 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

sanjeevyadavIT avatar Sep 09 '19 05:09 sanjeevyadavIT

@MehmoodArib could you do do the task mention under DrawerHeader section

Show logged in user name in Welcome text shown in DrawerHeader component

sanjeevyadavIT avatar Nov 11 '19 17:11 sanjeevyadavIT