From b1816c18d6ec784e16dc1f483ae2900eb27338e0 Mon Sep 17 00:00:00 2001
From: shubhu <shubhendu.saurabh@hotmail.com>
Date: Wed, 30 Aug 2017 11:17:18 +0530
Subject: [PATCH] fixed #242 empty feedback text

---
 src/shared/components/challenge-detail/Checkpoints/index.jsx  | 2 +-
 .../components/challenge-detail/Checkpoints/styles.scss       | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/challenge-detail/Checkpoints/index.jsx b/src/shared/components/challenge-detail/Checkpoints/index.jsx
index 1669ddae07..0d25f4b522 100644
--- a/src/shared/components/challenge-detail/Checkpoints/index.jsx
+++ b/src/shared/components/challenge-detail/Checkpoints/index.jsx
@@ -60,7 +60,7 @@ const Checkpoints = (props) => {
                 <p
                   styleName="challenge-checkpoint-feedback"
                   dangerouslySetInnerHTML={{ // eslint-disable-line react/no-danger
-                    __html: item.feedback,
+                    __html: item.feedback || '<span>Empty Feedback</span>',
                   }}
                 />
               }
diff --git a/src/shared/components/challenge-detail/Checkpoints/styles.scss b/src/shared/components/challenge-detail/Checkpoints/styles.scss
index ecbd33115b..4adef10ae0 100644
--- a/src/shared/components/challenge-detail/Checkpoints/styles.scss
+++ b/src/shared/components/challenge-detail/Checkpoints/styles.scss
@@ -109,6 +109,10 @@ $tc-gray-border: #aaaab5;
         color: $tc-gray-90;
         line-height: 25px;
         padding: 15px 15px 25px;
+
+        span {
+          color: $tc-gray-40;
+        }
       }
     }
   }