refactoring code

src/components/ActorsList/ActorsList.jsx → src/components/Actors/ActorsList/ActorsList.jsx

@@ -1,4 +1,4 @@
-import ActorsItem from 'components/ActorsItem/ActorsItem';
+import ActorsItem from 'components/Actors/ActorsItem/ActorsItem';
 import { ActorList } from './ActorsList.styled';
 const ActorsList = ({ actors }) => {
   return (

src/components/App.jsx

@@ -16,17 +16,21 @@ import ScrollWrapper from './ScrollToUp/ScrollWrapper';
 
 const Movies = lazy(() => import('pages/Movies/Movies'));
 const Home = lazy(() => import('pages/Home/Home'));
-const MoviesDetails = lazy(() => import('pages/MoviesDetails/MoviesDetails'));
-const Cast = lazy(() => import('pages/Cast/Cast'));
-const Review = lazy(() => import('pages/Reviews/Reviews'));
-const Trailer = lazy(() => import('pages/Trailer/Trailer'));
+const MoviesDetails = lazy(() =>
+  import('pages/Movies/MoviesDetails/MoviesDetails')
+);
+const Cast = lazy(() => import('pages/Movies/Cast/Cast'));
+const Review = lazy(() => import('pages/Movies/Reviews/Reviews'));
+const Trailer = lazy(() => import('pages/Movies/Trailer/Trailer'));
 const Library = lazy(() => import('pages/Library/Library'));
 const Actors = lazy(() => import('pages/Actors/Actors'));
-const ActorDetails = lazy(() => import('pages/ActorsDetails/ActorDetails'));
+const ActorDetails = lazy(() =>
+  import('pages/Actors/ActorsDetails/ActorDetails')
+);
 const ActorBiographyPage = lazy(() =>
-  import('pages/ActorBiography/ActorBiographyPage')
+  import('pages/Actors/ActorBiography/ActorBiographyPage')
 );
-const ActorMovies = lazy(() => import('pages/ActorMovies/ActorMovies'));
+const ActorMovies = lazy(() => import('pages/Actors/ActorMovies/ActorMovies'));
 const PageNotFound = lazy(() => import('pages/PageNotFound/PageNotFound'));
 
 export const App = () => {

src/components/MoviesList/MovieList.jsx → src/components/Movies/MoviesList/MovieList.jsx

@@ -1,4 +1,4 @@
-import MoviesItem from 'components/MoviesItem/MoviesItem';
+import MoviesItem from 'components/Movies/MoviesItem/MoviesItem';
 import { MovieList } from './MovieList.styled';
 
 const MoviesList = ({ movies, genres }) => {

src/pages/ActorBiography/ActorBiographyPage.jsx → src/pages/Actors/ActorBiography/ActorBiographyPage.jsx

@@ -11,7 +11,7 @@ import {
   TextTitle,
   Content,
   Empty,
-} from 'pages/ActorBiography/ActorBiographyPage.styled';
+} from 'pages/Actors/ActorBiography/ActorBiographyPage.styled';
 
 const ActorBiographyPage = () => {
   const { actorId } = useParams();

src/pages/ActorMovies/ActorMovies.jsx → src/pages/Actors/ActorMovies/ActorMovies.jsx

@@ -5,7 +5,7 @@ import notifyOptions from 'components/NotifyOptions/NotifyOptions';
 
 import Loader from 'components/Loader/Loader';
 import { fetchActorsMovies } from 'services/themoviedbAPI';
-import MoviesList from 'components/MoviesList/MovieList';
+import MoviesList from 'components/Movies/MoviesList/MovieList';
 
 const ActorMovies = () => {
   const { actorId } = useParams();

src/pages/Actors/Actors.jsx

@@ -5,7 +5,7 @@ import notifyOptions from 'components/NotifyOptions/NotifyOptions';
 
 import SearchBar from 'components/SearchBar/SearchBar';
 import Loader from 'components/Loader/Loader';
-import ActorsList from 'components/ActorsList/ActorsList';
+import ActorsList from 'components/Actors/ActorsList/ActorsList';
 import { fetchActors } from 'services/themoviedbAPI';
 import ActorsNotFound from '../../img/not-found2.png';
 import { Container } from 'components/Container.styled';

src/pages/ActorsDetails/ActorDetails.jsx → src/pages/Actors/ActorsDetails/ActorDetails.jsx

@@ -6,7 +6,7 @@ import notifyOptions from 'components/NotifyOptions/NotifyOptions';
 import Loader from 'components/Loader/Loader';
 import { fetchActorsDetails } from 'services/themoviedbAPI';
 import BackLink from 'components/BackLink/BackLink';
-import ActorDetailCard from 'components/ActorDetailCard/ActorDetailCard';
+import ActorDetailCard from 'components/Actors/ActorDetailCard/ActorDetailCard';
 import { Container } from 'components/Container.styled';
 
 const ActorDetails = () => {

src/pages/Home/Home.jsx

@@ -5,7 +5,7 @@ import notifyOptions from 'components/NotifyOptions/NotifyOptions';
 
 import Loader from 'components/Loader/Loader';
 import { fetchTrendingMovies, fetchGenresMovies } from 'services/themoviedbAPI';
-import MoviesList from 'components/MoviesList/MovieList';
+import MoviesList from 'components/Movies/MoviesList/MovieList';
 import { MainTitle } from './Home.styled';
 
 const Home = () => {

src/pages/Movies/Movies.jsx

@@ -6,7 +6,7 @@ import notifyOptions from 'components/NotifyOptions/NotifyOptions';
 import Loader from 'components/Loader/Loader';
 import { fetchSearchMovies, fetchGenresMovies } from 'services/themoviedbAPI';
 import SearchBar from 'components/SearchBar/SearchBar';
-import MoviesList from 'components/MoviesList/MovieList';
+import MoviesList from 'components/Movies/MoviesList/MovieList';
 import FilmNotFound from '../../img/not-found-film.jpg';
 import { FilmNotFoundImg } from './Movies.styled';
 

src/pages/MoviesDetails/MoviesDetails.jsx → src/pages/Movies/MoviesDetails/MoviesDetails.jsx

@@ -5,7 +5,7 @@ import notifyOptions from 'components/NotifyOptions/NotifyOptions';
 
 import Loader from 'components/Loader/Loader';
 import { fetchMovieDetails } from 'services/themoviedbAPI';
-import MovieCard from 'components/MovieCard/MovieCard';
+import MovieCard from 'components/Movies/MovieCard/MovieCard';
 import BackLink from 'components/BackLink/BackLink';
 import { Container } from 'components/Container.styled';
 

src/pages/Trailer/Trailer.jsx → src/pages/Movies/Trailer/Trailer.jsx

@@ -6,7 +6,7 @@ import notifyOptions from 'components/NotifyOptions/NotifyOptions';
 import { fetchTrailerById } from 'services/themoviedbAPI';
 import Loader from 'components/Loader/Loader';
 import RenderTrailer from 'components/RenderTrailer/RenderTrailer';
-import { Empty } from '../../components/RenderTrailer/RenderTrailer.styled';
+import { Empty } from '../../../components/RenderTrailer/RenderTrailer.styled';
 
 const Trailer = () => {
   const { movieId } = useParams();

src/services/themoviedbAPI.jsx

@@ -88,3 +88,12 @@ export const fetchActorsMovies = async id => {
   const { data } = await axios.get(`/person/${id}/movie_credits`, { params });
   return data.cast;
 };
+
+export const fetchTrendingActors = async () => {
+  const params = new URLSearchParams({
+    api_key: API_KEY,
+    page: 1,
+  });
+  const { data } = await axios.get('/trending/person/day', { params });
+  return data;
+};