This PR add a placeholder "Categories" selector component to the home page. This links to a new categories page, which displays a placeholder subset of BISAC categories to be used to query the google books api for "subject". When a category is selected, the app navigates to a new category page which fires a get request to the google books api using a google books api service akin to the service meant to make requests to the bookapedia back end. When one of the five books is selected, it will navigate the user to /chosen-book and the BookDetails component. In order to get access to the selected book, I had to override the book prop with a reference to the global state, if the book prop is undefined (ie. the prop is not set when the component is called).
emberborja
commented
1 year ago
This PR add a placeholder "Categories" selector component to the home page. This links to a new categories page, which displays a placeholder subset of BISAC categories to be used to query the google books api for "subject". When a category is selected, the app navigates to a new category page which fires a get request to the google books api using a google books api service akin to the service meant to make requests to the bookapedia back end. When one of the five books is selected, it will navigate the user to /chosen-book and the BookDetails component. In order to get access to the selected book, I had to override the book prop with a reference to the global state, if the book prop is undefined (ie. the prop is not set when the component is called).