review fixes

Author: CDharmateja

src/components/ChallengeEditor/NDAField/NDAField.module.scss

@@ -8,78 +8,13 @@
   align-content: space-between;
   justify-content: flex-start;
 
-  .tcCheckbox {
-    @include tc-checkbox;
-
-    height: 18px;
-    width: 210px;
-    margin: 0;
-    padding: 0;
-    vertical-align: bottom;
-    position: relative;
-    display: inline-block;
-
-    input[type='checkbox'] {
-      display: none;
-    }
-
-    label {
-      @include roboto-light();
-
-      line-height: 17px;
-      font-weight: 300;
-      cursor: pointer;
-      position: absolute;
-      display: inline-block;
-      width: 14px;
-      height: 14px;
-      top: 0;
-      left: 0;
-      border: none;
-      box-shadow: none;
-      background: $tc-gray-30;
-      transition: all 0.15s ease-in-out;
-
-
-      &.readOnly {
-        cursor: auto;
-      }
-
-      &::after {
-        opacity: 0;
-        content: '';
-        position: absolute;
-        width: 9px;
-        height: 5px;
-        background: transparent;
-        top: 2px;
-        left: 2px;
-        border-top: none;
-        border-right: none;
-        transform: rotate(-45deg);
-        transition: all 0.15s ease-in-out;
-      }
-
-      &:hover::after {
-        opacity: 0.3;
-      }
-      &:hover:read-only::after {
-        opacity: 0;
-      }
-
-      div {
-        margin-left: 24px;
-        width: 300px;
-      }
-    }
-
-    input[type='checkbox']:checked ~ label {
-      background: $tc-blue-20;
-    }
-
-    input[type='checkbox']:checked + label::after {
-      border-color: $white;
-    }
+  .fieldTitle {
+    @include roboto-bold();
+    font-size: 16px;
+    line-height: 19px;
+    font-weight: 500;
+    color: $tc-gray-80;
+    margin-right: 10px;
   }
 
   .field {

src/components/ChallengeEditor/NDAField/index.js

@@ -13,11 +13,7 @@ const NDAField = ({ challenge, toggleNdaRequire, readOnly }) => {
       <div className={styles.row}>
         <div className={cn(styles.field, styles.col1, styles.fieldTitle)}>NDA Required :</div>
         <div className={cn(styles.field, styles.col2)}>
-          {
-            isRequiredNda
-              ? <div>Yes</div>
-              : <div>No</div>
-          }
+          { isRequiredNda ? 'Yes' : 'No' }
         </div>
       </div>
     )
@@ -36,8 +32,7 @@ const NDAField = ({ challenge, toggleNdaRequire, readOnly }) => {
             onChange={toggleNdaRequire}
           />
           <label className={styles['tc-RadioButton-label']} htmlFor='nda-yes'>
-            <div>yes</div>
-            <input type='hidden' />
+            <div>Yes</div>
           </label>
         </div>
         <div className={styles.tcRadioButton}>
@@ -50,7 +45,6 @@ const NDAField = ({ challenge, toggleNdaRequire, readOnly }) => {
           />
           <label className={styles['tc-RadioButton-label']} htmlFor='nda-no'>
             <div>No</div>
-            <input type='hidden' />
           </label>
         </div>
       </div>