backend/src/api/directors/directors.service.ts

@@ -26,6 +26,9 @@ export class DirectorsService {
       where: {
         id,
       },
+      include: {
+        movies: true,
+      },
     });
   }
 

backend/src/api/movies/movies.service.ts

@@ -102,7 +102,11 @@ export class MoviesService {
 
   async update(id: string, updateMovieDto: UpdateMovieDto): Promise<Movie> {
     const updatedMovie = {
-      ...(await this.findOne(id)),
+      ...(await this.prisma.movie.findUnique({
+        where: {
+          id,
+        },
+      })),
       ...plainToClass(MovieEntity, updateMovieDto),
     };
     return await this.prisma.movie.update({

frontend/src/components/DirectorPage.tsx

 import { Descriptions } from "antd";
 import axiosConfig from '../axios-config';
 import { useEffect, useState } from "react";
-import { useParams } from "react-router-dom";
+import {Link, useParams} from "react-router-dom";
 import { ErrorPage } from "./ErrorPage";
-import { DirectorDTO } from "../dto";
+import {DirectorDTO, MovieDTO} from "../dto";
 
 export const DirectorPage = () => {
   const { id: directorId } = useParams();
   const [director, setDirector] = useState<DirectorDTO>({} as DirectorDTO);
+  const [movies, setMovies] = useState<MovieDTO[]>([]);
   const [isError, setIsError] = useState<boolean>(false);
 
   useEffect(() => {
     const fetchData = async () => {
       try {
         const response = await axiosConfig.get<DirectorDTO>(`/directors/${directorId}`);
-        setDirector({ ...response.data });
+        setDirector({ ...response.data })
+        setMovies(response.data.movies);
       } catch {
         setIsError(true);
       }
@@ -27,6 +29,14 @@ export const DirectorPage = () => {
     return <ErrorPage />;
   }
 
+  const listItems = movies.map((movie) =>
+      <li>
+        <Link to={`/movie/${movie.id}`}>
+          {movie.name}
+        </Link>
+      </li>
+  );
+
   return (
     <Descriptions title="Director page" bordered style={
         {padding: "4%", width:"50%"}
@@ -37,6 +47,9 @@ export const DirectorPage = () => {
       <Descriptions.Item label="Surname" span={3}>
         {director.surname}
       </Descriptions.Item>
+      <Descriptions.Item label="Movies" span={3}>
+        {listItems}
+      </Descriptions.Item>
       <Descriptions.Item label="Birthdate">
         {director.birthDate}
       </Descriptions.Item>

frontend/src/components/Preview.tsx

@@ -38,9 +38,9 @@ export const Preview: React.FC = () => {
       direction="vertical"
       style={{ display: "flex", paddingTop: "2%" }}
     >
-      <PreviewBox title={"Editor's picks"} movies={movies} />
+      <PreviewBox title={"Editor's picks"} movies={moviesRecent} />
       <Divider/>
-      <PreviewBox title={"Recent movies"} movies={moviesRecent} />
+      <PreviewBox title={"Recent movies"} movies={movies} />
     </Space>
   );
 }

frontend/src/dto.ts

@@ -20,4 +20,5 @@ export interface DirectorDTO {
   name: string;
   surname: string;
   birthDate?: string;
+  movies: MovieDTO[];
 }