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

[issue-30] Create Search Page #47

Merged
merged 27 commits into from
Mar 29, 2021

Conversation

rileyhgrant
Copy link
Collaborator

@rileyhgrant rileyhgrant commented Mar 29, 2021

A search page per the mockups. Searches using the api, remembers search in the url, and populates teasers with info and has the teasers link to the recipe page with the recipeId from spoonacular.

This component does not work in storybook, I didn't want to add a default call to the API as when the user first goes to the search page, it would give whatever results came from the default. So I added routing to it as part of this PR in order to make sure everything was working.

There are a few things that can be tidier, and a few to-do flags left, but for this assignment due I thought this was in a good place.

I tested this component by running the app itself, not through storybook, as making calls to the API and saving them in the url was part of its functionality.

@rileyhgrant rileyhgrant linked an issue Mar 29, 2021 that may be closed by this pull request
@rileyhgrant
Copy link
Collaborator Author

Merge conflicts are due to adding routing to this page as part of this PR, and changing one line in the forms component to match the 's property ( handleClick() => onClick() ). They seem easily resolved when merging.

@rileyhgrant rileyhgrant changed the title Create Search Page [issue-30] Create Search Page Mar 29, 2021
* [issue-29] build home

* [issue-29] update Layouts and styles

Co-authored-by: Alessia Pizzoccheri <pizzoccheri.alessia5@gmail.com>
src/stories/pages/SearchPage/SearchPage.js Outdated Show resolved Hide resolved
src/stories/pages/SearchPage/styles.scss Outdated Show resolved Hide resolved
src/stories/pages/SearchPage/SearchPage.js Outdated Show resolved Hide resolved
src/stories/pages/SearchPage/SearchPage.js Outdated Show resolved Hide resolved
src/stories/pages/SearchPage/SearchPage.js Outdated Show resolved Hide resolved
src/stories/pages/SearchPage/SearchPage.js Outdated Show resolved Hide resolved
src/stories/pages/SearchPage/styles.scss Outdated Show resolved Hide resolved
src/stories/pages/SearchPage/styles.scss Outdated Show resolved Hide resolved
src/stories/pages/SearchPage/styles.scss Outdated Show resolved Hide resolved
alecherryy and others added 8 commits March 29, 2021 15:28
* [issue-##] update utility classes

* [issue-##] add summary to carousel cards

Co-authored-by: Alessia Pizzoccheri <pizzoccheri.alessia5@gmail.com>
Co-authored-by: Alessia Pizzoccheri <pizzoccheri.alessia5@gmail.com>
[issue-30] Rebased off main to get changes
Successfully fetches from API and populates teasers
…ing to details page

Main functionality working, need to clean up routing and stylings.
[issue-30] Routing and memory of search functional
… recieve url param

[issue-30] Search, navigation, and history functional. Edit recipe to recieve url param.
[issue-30] Edit per comments, committing to rebase from main
…alecherryy/cooks-books-app into feature/issue-30-create-search-page-rhg

[issue-30] Merge branch to be able to push
@rileyhgrant rileyhgrant merged commit e30e452 into main Mar 29, 2021
@rileyhgrant rileyhgrant deleted the feature/issue-30-create-search-page-rhg branch March 29, 2021 20:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Build Search page
3 participants