diff --git a/src/components/Movie/styles.ts b/src/components/Movie/styles.ts index 51e3e6f..caa7605 100644 --- a/src/components/Movie/styles.ts +++ b/src/components/Movie/styles.ts @@ -1,6 +1,6 @@ import styled from 'styled-components'; -import { PosterHeight, PosterWidth, Size } from 'shared/enums'; +import { Color, PosterHeight, PosterWidth, Size } from 'shared/enums'; import ContainerProps from './dtos/ContainerProps'; export const Container = styled.div` @@ -10,6 +10,7 @@ export const Container = styled.div` border-radius: ${Size.Smallest}; overflow: hidden; + border: ${props => (props.large ? 0 : `1px solid ${Color.FillSecondary}`)}; display: flex; align-items: center; justify-content: center; diff --git a/src/components/Person/index.tsx b/src/components/Person/index.tsx index 7f5b11c..aaf0c7d 100644 --- a/src/components/Person/index.tsx +++ b/src/components/Person/index.tsx @@ -16,7 +16,7 @@ const Person: React.FC = ({ large = false, ...person }) => { const history = useHistory(); const handleRedirect = useCallback(() => { - // history.push(`${Route.MOVIE}/${person.id}`); + history.push(`${Route.PERSON}/${person.id}`); }, [history, person.id]); return ( diff --git a/src/containers/PersonList/dtos/index.ts b/src/containers/PersonList/dtos/index.ts index bfc1e5d..62323c6 100644 --- a/src/containers/PersonList/dtos/index.ts +++ b/src/containers/PersonList/dtos/index.ts @@ -1,6 +1,4 @@ import DefaultProps from 'shared/dtos'; -import MovieProps from 'components/Movie/dtos'; -import FavoriteProps from 'domains/Favorites/api/List/Response'; import { Color } from 'shared/enums'; export default interface Props extends DefaultProps { diff --git a/src/domains/Movie/api/Details/index.ts b/src/domains/Movie/api/Details/index.ts index 7fe9b30..3c7ddcc 100644 --- a/src/domains/Movie/api/Details/index.ts +++ b/src/domains/Movie/api/Details/index.ts @@ -84,7 +84,7 @@ const parseResponse = (movie: RawResponse): Response => { profile: formatTmdbImage({ value: person.profile_path }), })) as Crew[]; - const credits = { cast, crew }; + const credits = { cast, crew } as Credits; parsedMovie = { ...parsedMovie, recommendations, credits }; diff --git a/src/routes/enums/index.ts b/src/routes/enums/index.ts index 71672ce..7edac3e 100644 --- a/src/routes/enums/index.ts +++ b/src/routes/enums/index.ts @@ -3,6 +3,7 @@ enum Route { LOGIN = '/login', SIGNUP = '/signup', MOVIE = '/movie', + PERSON = '/person', PROFILE = '/profile', FAVORITES = '/favorites', } diff --git a/src/screens/Movie/index.tsx b/src/screens/Movie/index.tsx index e6c786a..b164096 100644 --- a/src/screens/Movie/index.tsx +++ b/src/screens/Movie/index.tsx @@ -58,6 +58,10 @@ const Movie: React.FC = () => { return (
+ + backdrop + + @@ -103,9 +107,6 @@ const Movie: React.FC = () => { />