qpismont/trepa-web
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

minio #1

Open
qpismont wants to merge 3 commits from minio into main
pull from: minio
merge into: qpismont:main
Conversation 0 Commits 3 Files changed 8 +8 -9
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit a43a77d158 - Show all commits

17
src/pages/home/movies/[id].astro
View file

@ -1,7 +1,6 @@
---
import { FaEye } from "react-icons/fa";
import HomeLayout from "../../../layouts/HomeLayout.astro";
import type { Movie } from "../../../types";
import type { Movie, MovieDetail } from "../../../types";
const jwt = Astro.cookies.get("jwt")?.value as string;
const { id } = Astro.params;
@ -14,17 +13,17 @@ const res = await fetch(`${import.meta.env.API_URL}/movies/${id}`, {
},
});
const movie = (await res.json()).movie as Movie;
const item = (await res.json()).movie as MovieDetail;
---
<HomeLayout title={movie.title}>
<HomeLayout title={item.movie.title}>
<>
<h1>{movie.title}</h1>
<h1>{item.movie.title}</h1>
<div class="card">
<div
class="card-body"
style={{
background: `linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)), url(${movie.backdrop_path})`,
background: `linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)), url(${item.movie.backdrop_path})`,
backgroundPosition: "center",
backgroundSize: "cover",
minHeight: "512px",
@ -32,12 +31,12 @@ const movie = (await res.json()).movie as Movie;
>
<div class="row" style={{ height: "512px" }}>
<div class="col align-self-center">
<p>{movie.overview}</p>
<p>{item.movie.overview}</p>
</div>
<div class="col align-self-center">
<div class="d-grid">
<a
href={`/home/movies/${movie.id}`}
href={`/home/movies/${item.movie.id}`}
class="btn btn-primary"
>
Watch
@ -47,7 +46,7 @@ const movie = (await res.json()).movie as Movie;
<div class="d-grid">
<a
href={`/home/movies/${movie.id}`}
href={`/home/movies/${item.movie.id}`}
class="btn btn-secondary"
>
Share