From d1c69e6f97160ef63f0c5aa781ba6db67817211c Mon Sep 17 00:00:00 2001
From: hariharan409 <hharan987@gmail.com>
Date: Sat, 10 Aug 2024 12:28:33 +0800
Subject: [PATCH] solved the color render challenge

---
 src/01-color-renderer/ColorRenderer.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/01-color-renderer/ColorRenderer.js b/src/01-color-renderer/ColorRenderer.js
index 633a832..2fad455 100644
--- a/src/01-color-renderer/ColorRenderer.js
+++ b/src/01-color-renderer/ColorRenderer.js
@@ -19,9 +19,8 @@ const colors = [{
 
 export default function ColorRenderer () {
   return (
-    <h2>
-      Use the Color component to render each
-       item in the colors array on the page!
-    </h2>
+    <div>
+      {(colors instanceof Array && colors.length > 0) && colors.map((color) => <Color key={color.name} name={color.name} hex={color.hex} />)}
+    </div>
   )
 }