magento_react_native
magento_react_native copied to clipboard
UI Change List
trafficstars
Is your feature request related to a problem? Please describe. Fix all these UI changes to improve UX
APP level
- [ ] Add
selectedKeyprop to all<ModalSelect /> component and remove setState logic fromonChange` function - [x] Show cart item count on bottom bar as badge
Product Screen
- [x] Replace
WebViewwithreact-native-render-htmllibrary to render product description - [x] Use
type_id === 'configurable'logic to check it has options, everywhere in product detail page - [x] No message is shown when user hit add to cart button, show success or error message accordingly
- [ ] No check in
configurabletype product to disable certain options which are not available
Example: suppose in size
scolorredis not available, so when user select sizes,redoption should be disabled.
- [ ] No check written to check whether product is out of stock or not, if out of stock, disable
add-to-cartbutton - [ ] Add input box to let user enter quantity of that product for cart currently defaults to 1, and not more then available quantity
- [x] Show image of current selected product in
configurabletype product - [x] Change logic of how
configurabletype 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
TextInputthat 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
TextInputthat 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
TextInputthat comes after the current one being edited (use ref)
Cart Screen
- [x] Define prop type for
itemsprops 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
@MehmoodArib could you do do the task mention under DrawerHeader section
Show logged in user name in Welcome text shown in DrawerHeader component