···

       
135
       
135
       
 
       
                <li><label><input type="radio" name="summaryType" defaultChecked={props.summaryType === 'chapter'} value="chapter" onChange={e => updateProp(e.target.name, e.target.value)} /> Chapter Summary (if available)</label></li>

     

       
136
       
136
       
 
       
                <li><label><input type="radio" name="summaryType" defaultChecked={props.summaryType === 'custom'} value="custom" onChange={e => updateProp(e.target.name, e.target.value)} /> Custom Summary</label></li>

     

       
137
       
137
       
 
       
              </ul>

     

       
138
       
138
       
-
       
              {props.summaryType === 'custom' && (

     

       
139
       
139
       
-
       
                <div className="input-field">

     

       
140
       
140
       
-
       
                  <label htmlFor="customSummary">Custom Summary</label>

     

       
141
       
141
       
-
       
                  <textarea name="customSummary" id="customSummary" onChange={e => updateProp(e.target.name, e.target.value)}></textarea>

     

       
142
       
142
       
-
       
                </div>

     

       
143
       
143
       
-
       
              )}

     

       
144
       
138
       
 
       
            </div>

     

       
139
       
139
       
+
       
            {props.summaryType === 'custom' && (

     

       
140
       
140
       
+
       
              <div className="input-field">

     

       
141
       
141
       
+
       
                <label htmlFor="customSummary">Custom Summary</label>

     

       
142
       
142
       
+
       
                <textarea name="customSummary" id="customSummary" onChange={e => updateProp(e.target.name, e.target.value)}></textarea>

     

       
143
       
143
       
+
       
              </div>

     

       
144
       
144
       
+
       
            )}

     

       
145
       
145
       
 
       
          </div>

     

       
146
       
146
       
 
       
        </details>

     

       
147
       
147
       
 
       
      </form>