refactor(ui-docs-client): fix Codepen button

there was some undocumented change that broke it
instructure · Feb 4, 2022 · a518182 · a518182
1 parent 20986c7
commit a518182
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/ui-docs-client/src/CodePenButton/index.js b/packages/ui-docs-client/src/CodePenButton/index.js
@@ -54,15 +54,16 @@ class CodePenButton extends Component {
       private: true,
       editors: '001',
       html: '<div id="app"></div><div id="flash-messages"></div><div id="nav"></div>',
-      layout: 'top',
       css_prefix: 'autoprefixer',
       js_pre_processor: 'babel',
       ...this.props.options
     }
-
+    const JSONData = JSON.stringify(data)
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&apos;')
     return (
       <form action="https://codepen.io/pen/define" method="POST" target="_blank">
-        <input type="hidden" name="data" value={JSON.stringify(data)} />
+        <input type="hidden" name="data" value={JSONData} />
         <Tooltip renderTip="Edit in Codepen" placement="bottom">
           <IconButton
             type="submit"