Add link to RNAcanvas Code

Author: caduribas

dist/r2dt-web.js

@@ -1,6 +1,6 @@
 {
   "name": "@rnacentral/r2dt-web",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Visualise RNA secondary structure using standard layouts.",
   "scripts": {
     "clean": "rm -rf dist/*",

dist/r2dt-web.js.map

@@ -274,7 +274,8 @@ class Results extends React.Component {
                         <button className="btn btn-outline-secondary dropdown-toggle" style={{fontSize: fixCss}} type="button" id="editDropdownButton" onClick={this.toggleEditDropdown}><span className="btn-icon"><FaEdit size="1.2em"/></span> Edit image</button>
                         <ul className="dropdown-menu" style={{fontSize: fixCss}} id="editDropdownMenu" ref={this.editMenuRef}>
                           <li><a className="dropdown-item" href={routes.rnaCanvas(this.props.jobId)} target="_blank">Edit in RNAcanvas</a></li>
-                          <li><a className="dropdown-item" href={routes.xRNA(this.props.jobId)} target="_blank">Edit in XRNA</a></li>
+                          <li><a className="dropdown-item" href={routes.xRNA(this.props.jobId)} target="_blank">Edit in XRNA-React</a></li>
+                          <li><a className="dropdown-item beta" href={routes.canvasCode(this.props.jobId)} target="_blank">Edit in RNAcanvas Code </a></li>
                         </ul>
                       </div>
                     </>

package.json

@@ -17,5 +17,6 @@ module.exports = {
   firebaseId: (id) => `${firebaseServer}/data/${id}.json`,
   fetchUrs:   (urs) => `https://${rnacentralServer}.org/api/v1/rna/${urs}/2d/`,
   rnaCanvas:  (jobId) => `${rnaCanvasServer}?rna_2d_schema_url=${server}/result/${jobId}/json`,
+  canvasCode: (jobId) => `https://code.rnacanvas.app/?schema=${server}/result/${jobId}/json`,
   xRNA:       (jobId) => `https://ldwlab.github.io/XRNA-React/?source_url=${server}/result/${jobId}/json`
 };

src/containers/R2DT/components/Results/index.jsx

@@ -70,6 +70,15 @@ body {
   font-family: monospace;
 }
 
+.beta::after {
+  content: "BETA";
+  vertical-align: top;
+  font-size: 12px;
+  background: yellow;
+  border-radius: 4px;
+  padding: 2px 4px;
+}
+
 /* Advanced search */
 
 // Close Button