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 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 jwt = Astro.cookies.get("jwt")?.value as string;
const { id } = Astro.params; 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">
<div <div
class="card-body" class="card-body"
style={{ 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", backgroundPosition: "center",
backgroundSize: "cover", backgroundSize: "cover",
minHeight: "512px", minHeight: "512px",
@ -32,12 +31,12 @@ const movie = (await res.json()).movie as Movie;
> >
<div class="row" style={{ height: "512px" }}> <div class="row" style={{ height: "512px" }}>
<div class="col align-self-center"> <div class="col align-self-center">
<p>{movie.overview}</p> <p>{item.movie.overview}</p>
</div> </div>
<div class="col align-self-center"> <div class="col align-self-center">
<div class="d-grid"> <div class="d-grid">
<a <a
href={`/home/movies/${movie.id}`} href={`/home/movies/${item.movie.id}`}
class="btn btn-primary" class="btn btn-primary"
> >
Watch Watch
@ -47,7 +46,7 @@ const movie = (await res.json()).movie as Movie;
<div class="d-grid"> <div class="d-grid">
<a <a
href={`/home/movies/${movie.id}`} href={`/home/movies/${item.movie.id}`}
class="btn btn-secondary" class="btn btn-secondary"
> >
Share Share