From 2767e99a862e03b4ff122b9abcb694afa6a57910 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Thu, 6 Mar 2025 18:52:45 +0330
Subject: [PATCH] Complete rating component

---
 .../global/product-detail/Rating.vue          | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/components/global/product-detail/Rating.vue b/frontend/components/global/product-detail/Rating.vue
index ac204dd..bd75dee 100644
--- a/frontend/components/global/product-detail/Rating.vue
+++ b/frontend/components/global/product-detail/Rating.vue
@@ -1,33 +1,33 @@
-<script lang="ts">
+<script lang="ts" setup>
+
+// types
+
+type Props = {
+    rate: number
+}
+
+// props
+
+defineProps<Props>();
 
 </script>
 
 <template>
     <div class="flex items-center gap-2">
+        <span class="typo-p-sm">
+            {{ rate }}
+        </span>
         <div class="flex items-center gap-1">
             <Icon
+                v-for="i in Math.round(5 - rate)"
                 name="ci:star-solid"
-                class="size-4.5 **:fill-yellow-500"
-            />
-            <Icon
-                name="ci:star-solid"
-                class="size-4.5 **:fill-yellow-500"
-            />
-            <Icon
-                name="ci:star-solid"
-                class="size-4.5 **:fill-yellow-500"
-            />
-            <Icon
-                name="ci:star-solid"
-                class="size-4.5 **:fill-yellow-500"
+                class="size-4.5 **:fill-slate-300"
             />
             <Icon
+                v-for="i in Math.round(rate)"
                 name="ci:star-solid"
                 class="size-4.5 **:fill-yellow-500"
             />
         </div>
-        <span class="typo-p-sm">
-            5.0
-        </span>
     </div>
 </template>
\ No newline at end of file