From 8393e6393cc8271a45d154a6343999f7dc2724eb Mon Sep 17 00:00:00 2001
From: Rafi Arrafif <rafiarrafif05@gmail.com>
Date: Sat, 14 Mar 2026 12:00:00 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20wip:=20add=20rating=20to=20card?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 features/home/sections/Recommendation/components/Card.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/features/home/sections/Recommendation/components/Card.tsx b/features/home/sections/Recommendation/components/Card.tsx
index 8606de4..d7708d0 100644
--- a/features/home/sections/Recommendation/components/Card.tsx
+++ b/features/home/sections/Recommendation/components/Card.tsx
@@ -1,9 +1,15 @@
 import { RecommendationAnime } from "@/features/home/actions/getRecommenationAnime";
+import { Icon } from "@iconify/react";
+import { StarOff } from "lucide-react";
 
 const AnimeRecommendationCard = ({ data }: { data: RecommendationAnime }) => {
   return (
     <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
           className="w-full h-full object-cover"
           src={data.thumbnail_url}