feat/recommendation #10
@ -1,9 +1,15 @@
|
|||||||
import { RecommendationAnime } from "@/features/home/actions/getRecommenationAnime";
|
import { RecommendationAnime } from "@/features/home/actions/getRecommenationAnime";
|
||||||
|
import { Icon } from "@iconify/react";
|
||||||
|
import { StarOff } from "lucide-react";
|
||||||
|
|
||||||
const AnimeRecommendationCard = ({ data }: { data: RecommendationAnime }) => {
|
const AnimeRecommendationCard = ({ data }: { data: RecommendationAnime }) => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<div className="w-64 h-88 rounded-lg overflow-hidden">
|
<div className="w-64 h-88 rounded-lg overflow-hidden relative">
|
||||||
|
<div className="absolute right-2 top-2 bg-amber-400 text-neutral-950 font-semibold flex gap-0.5 items-center py-1 px-2 rounded">
|
||||||
|
<Icon icon="material-symbols:star-rounded" className="h-auto w-4" />
|
||||||
|
<span className="text-sm tracking-tight">{data.rating ?? "N/A"}</span>
|
||||||
|
</div>
|
||||||
<img
|
<img
|
||||||
className="w-full h-full object-cover"
|
className="w-full h-full object-cover"
|
||||||
src={data.thumbnail_url}
|
src={data.thumbnail_url}
|
||||||
|
|||||||
Reference in New Issue
Block a user