22 lines
590 B
TypeScript
22 lines
590 B
TypeScript
import type { Title } from "../../api/models/Title";
|
|
|
|
export function TitleCardHorizontal({ title }: { title: Title }) {
|
|
return (
|
|
<div style={{
|
|
display: "flex",
|
|
gap: 12,
|
|
padding: 12,
|
|
border: "1px solid #ddd",
|
|
borderRadius: 8
|
|
}}>
|
|
{title.poster?.image_path && (
|
|
<img src={title.poster.image_path} width={80} />
|
|
)}
|
|
<div>
|
|
<h3>{title.title_names["en"]}</h3>
|
|
<p>{title.release_year} · {title.release_season} · Rating: {title.rating}</p>
|
|
<p>Status: {title.title_status}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|