Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI Change List #45

Open
17 of 26 tasks
sanjeevyadavIT opened this issue Sep 9, 2019 · 1 comment
Open
17 of 26 tasks

UI Change List #45

sanjeevyadavIT opened this issue Sep 9, 2019 · 1 comment
Assignees
Labels
Priority: Medium Status: In Progress Working on the issue Type: Enhancement New feature or request

Comments

@sanjeevyadavIT
Copy link
Owner

sanjeevyadavIT commented Sep 9, 2019

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
@sanjeevyadavIT sanjeevyadavIT added Type: Enhancement New feature or request Priority: Medium Status: On Hold No current development going on labels Sep 9, 2019
@sanjeevyadavIT sanjeevyadavIT self-assigned this Sep 9, 2019
@sanjeevyadavIT sanjeevyadavIT pinned this issue Oct 28, 2019
@sanjeevyadavIT sanjeevyadavIT added Status: In Progress Working on the issue and removed Status: On Hold No current development going on labels Nov 2, 2019
@sanjeevyadavIT sanjeevyadavIT changed the title Product Detail Page UI Change List UI Change List Nov 8, 2019
@sanjeevyadavIT
Copy link
Owner Author

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Priority: Medium Status: In Progress Working on the issue Type: Enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant