arasmussen

import PropTypes from 'prop-types';
import { Component } from 'react';

const AppID = 'Your App ID';

function loadCannySDK() {
  !function(w,d,i,s){function l(){if(!d.getElementById(i)){var f=d.getElementsByTagName(s)[0],e=d.createElement(s);e.type="text/javascript",e.async=!0,e.src="https://canny.io/sdk.js",f.parentNode.insertBefore(e,f)}}if("function"!=typeof w.Canny){var c=function(){c.q.push(arguments)};c.q=[],w.Canny=c,"complete"===d.readyState?l():w.attachEvent?w.attachEvent("onload",l):w.addEventListener("load",l,!1)}}(window,document,"canny-jssdk","script");
}

export default class CannyContainer extends Component {

arasmussen

import PropTypes from 'prop-types';
import React, { Component } from 'react';

const BoardToken = 'YOUR_BOARD_TOKEN';

export default class CannyWidget extends Component {
  static contextTypes = {
    viewer: PropTypes.shape({
      ssoToken: PropTypes.string,
    }),

arasmussen

componentDidMount() {
  initializeCannyChangelog();
}

function initializeCannyChangelog() {
  // Load Canny SDK 
  !function(w,d,i,s){function l(){if(!d.getElementById(i)){var f=d.getElementsByTagName(s)[0],e=d.createElement(s);e.type="text/javascript",e.async=!0,e.src="https://canny.io/sdk.js",f.parentNode.insertBefore(e,f)}}if("function"!=typeof w.Canny){var c=function(){c.q.push(arguments)};c.q=[],w.Canny=c,"complete"===d.readyState?l():w.attachEvent?w.attachEvent("onload",l):w.addEventListener("load",l,!1)}}(window,document,"canny-jssdk","script");

  // Find changelog button
  const spanTags = document.getElementsByTagName('span');