-
Notifications
You must be signed in to change notification settings - Fork 0
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
Router refactor #22
Router refactor #22
Conversation
@@ -7,60 +7,53 @@ import Catalogue from "./Components/Catalogue/Catalogue"; | |||
import { getMovies, getMovie } from "./apiCalls"; | |||
import "bootstrap/dist/css/bootstrap.min.css"; | |||
import "./App.scss"; | |||
import { Switch, Route, Link } from "react-router-dom"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If we are not using Switch, we should remove the reference
<Row className="d-flex justify-content-center"> | ||
<Col md="auto"> | ||
{this.state.error && <Alert variant="danger">{this.state.error}</Alert>} | ||
</Col> | ||
</Row> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
love this error handling
key={movie.id} | ||
handleClick={props.handleClick} | ||
/> | ||
<Link to={`/movie/${movie.id}`}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we need to add a KEY peramiter to these!!!
src="https://images.unsplash.com/photo-1485846234645-a62644f84728?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1940&q=80" | ||
alt="Movie Clacker" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I enjoy the updates to this!
@@ -1,17 +1,12 @@ | |||
import React from "react"; | |||
import { Navbar, Nav, NavDropdown } from "react-bootstrap"; | |||
import "./NavBar.scss"; | |||
import { Link } from 'react-router-dom' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We can remove this I believe
What does this PR do?
Where should the reviewer start?
App.js, FeatureMovies.js, SelectedMovie.js
How should this be manually tested?
Click on a MovieCard to be redirected to the SelectedMovie's page.
Any background context you want to provide?
What are the relevant tickets?
Closes #18 #17 #16 #15 #14 #8