brandonvilla21 / e-commerce-application Goto Github PK

Redirect in Next.js is different than a conventional React applicacion with React router. Here are some resources:

• https://github.com/zeit/next.js/wiki/Redirecting-in-%60getInitialProps%60
• https://github.com/zeit/next.js/blob/canary/examples/with-apollo-auth/lib/redirect.js
• vercel/next.js#4931

1. The ideal workflow would be to let the Login page know when the LoginForm has submitted the information and has a response (error or success)

2. You will need to create the page that you want to redirect (maybe we need to discuss this as a team to what page will be the initial page once the user logs in)

This is a setup example but can be more and better examples out there

Depends on: marcos8896/base-e-commerce-api#17

Set the first Mutation to the GraphQL server by login and making sure the token is set in cookies

We're going to be using react-testing-library along with Jest for unit and integration testing.
Resources:

1. https://jestjs.io/docs/en/getting-started
2. https://testing-library.com/docs/react-testing-library/intro

Material Drawer component: https://material-ui.com/demos/drawers/

Depends on: marcos8896/base-e-commerce-api#13

• Add form to handle simple data form the Item model, such as description, title, prices.
• Handle image selection to show on the UI.
• Send image file to the server to be processed (validate file size before sending it).
• Create integration test for the CreateItem component.
• Disable Item form when registering the Item.

Official documentation to make the migration: https://material-ui.com/guides/migration-v3/

This is the current look:

I think we should all agree with the colors we're going to be using before open a PR for this

This is an exctract of the LoginForm component (has been simplified) and where should be placed the Spinner component. Suggestions on how to handle the loading differently are welcomed 🐦

    <Mutation>
      {(login, { error, data, loading }) => (
          <form>
            {loading && <code>Spinner will mount here..</code>}
          </form>
      )}
    </Mutation>

You'd better be in touch with whoever works on this as well #8 just to coordinate