Newer
Older
import {
Divider,
Space,
} from "antd";

Lukáš Kratochvíl
committed
import React, { useEffect, useState } from "react";
import axiosConfig from "../axios-config";
import { ErrorPage } from "./ErrorPage";
import { PreviewBox } from "./PreviewBox";
Tomáš Havlíček
committed
export const Preview: React.FC = () => {
const [moviesRecent, setMoviesRecent] = useState<MovieDTO[]>([]);
const [movies, setMovies] = useState<MovieDTO[]>([]);
const [isError, setIsError] = useState<boolean>(false);
useEffect(() => {
const fetchCategories = async () => {
try {
const response = await axiosConfig.get("movies?mostRecentCnt=12");
const half = Math.ceil(response.data.length / 2);
setMovies(response.data.slice(0, half));
setMoviesRecent(response.data.slice(-half));
} catch (err) {
setIsError(true);
}
}
void fetchCategories();
}, [])
if (isError) {

Lukáš Kratochvíl
committed
<Space
className="preview"
direction="vertical"
style={{ display: "flex", paddingTop: "2%" }}
>
<PreviewBox title={"Editor's picks"} movies={moviesRecent} />

Lukáš Kratochvíl
committed
<Divider/>
<PreviewBox title={"Recent movies"} movies={movies} />