add function and comment out

src/client/js/components/Admin/MarkdownSetting/PresentationForm.jsx

@@ -46,8 +46,10 @@ class PresentationForm extends React.Component {
           <input
             type="radio"
             id="pageBreakOption1"
-            checked={pageBreakSeparator === 1}
-            onChange={() => { markDownSettingContainer.setState({ pageBreakSeparator: 1 }) }}
+            // checked={pageBreakSeparator === 1}
+            // onChange={() => { markDownSettingContainer.setState({ pageBreakSeparator: 1 }) }}
+            isSelected={markDownSettingContainer.state.pageBreakSeparator === 1}
+            onSelected={() => markDownSettingContainer.switchPageBreakSeparator(1)}
           />
           <label htmlFor="pageBreakOption1">
             <p className="font-weight-bold">{ t('markdown_setting.Preset one separator') }</p>
@@ -62,8 +64,10 @@ class PresentationForm extends React.Component {
           <input
             type="radio"
             id="pageBreakOption2"
-            checked={pageBreakSeparator === 2}
-            onChange={() => { markDownSettingContainer.setState({ pageBreakSeparator: 2 }) }}
+            // checked={pageBreakSeparator === 2}
+            // onChange={() => { markDownSettingContainer.setState({ pageBreakSeparator: 2 }) }}
+            isSelected={markDownSettingContainer.state.pageBreakSeparator === 2}
+            onSelected={() => markDownSettingContainer.switchPageBreakSeparator(2)}
           />
           <label htmlFor="pageBreakOption2">
             <p className="font-weight-bold">{ t('markdown_setting.Preset two separator') }</p>
@@ -78,8 +82,10 @@ class PresentationForm extends React.Component {
           <input
             type="radio"
             id="pageBreakOption3"
-            checked={pageBreakSeparator === 3}
-            onChange={() => { markDownSettingContainer.setState({ pageBreakSeparator: 3 }) }}
+            // checked={pageBreakSeparator === 3}
+            // onChange={() => { markDownSettingContainer.setState({ pageBreakSeparator: 3 }) }}
+            isSelected={markDownSettingContainer.state.pageBreakSeparator === 3}
+            onSelected={() => markDownSettingContainer.switchPageBreakSeparator(3)}
           />
           <label htmlFor="pageBreakOption3">
             <p className="font-weight-bold">{ t('markdown_setting.Custom separator') }</p>