From c7e493ce3d2855e61787d86714625bc7fc51f9bd Mon Sep 17 00:00:00 2001
From: HombreLaser <sebastian-440@live.com>
Date: Wed, 26 Apr 2023 21:37:38 -0600
Subject: Añade vista de producto individual
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/review.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/review.tsx

(limited to 'src/components/review.tsx')

diff --git a/src/components/review.tsx b/src/components/review.tsx
new file mode 100644
index 0000000..e3f34df
--- /dev/null
+++ b/src/components/review.tsx
@@ -0,0 +1,30 @@
+import { PersonCircle, StarFill } from "react-bootstrap-icons";
+
+export default function Review({ review }) {
+  const rating = [...Array(review.attributes.rating)].map((value: undefined, index: number) =>
+      <StarFill size={12} color="rgb(156 163 175)"/>
+  );
+
+  return(
+    <>
+      <div className="grid grid-cols-10 w-3/5 my-4">
+        <div className="flex flex-col col-span- justify-center mx-2">
+          <div>
+            {review.attributes.author_name}
+          </div>
+          <div>
+            <PersonCircle size={32} color="rgb(156 163 175)"/>
+          </div>
+          <div className="flex inline-flex my-2">
+            {rating}
+          </div>
+        </div>
+        <div className="flex col-span-8 justify-start">
+          <div className="border-solid border-2 border-gray-200">
+            {review.attributes.review}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3

