38 lines
1.1 KiB
React
38 lines
1.1 KiB
React
|
'use strict';
|
||
|
|
|
||
|
|
const { Component } = require('inferno');
|
||
|
|
const { cacheComponent } = require('../util/cache');
|
||
|
|
|
||
|
|
class LiveRe extends Component {
|
||
|
|
render() {
|
||
|
|
const { uid } = this.props;
|
||
|
|
if (!uid) {
|
||
|
|
return <div class="notification is-danger">
|
||
|
|
You forgot to set the <code>uid</code> for LiveRe.
|
||
|
|
Please set it in <code>_config.yml</code>.
|
||
|
|
</div>;
|
||
|
|
}
|
||
|
|
const js = `(function(d, s) {
|
||
|
|
var j, e = d.getElementsByTagName(s)[0];
|
||
|
|
|
||
|
|
if (typeof LivereTower === 'function') { return; }
|
||
|
|
|
||
|
|
j = d.createElement(s);
|
||
|
|
j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
|
||
|
|
j.async = true;
|
||
|
|
|
||
|
|
e.parentNode.insertBefore(j, e);
|
||
|
|
})(document, 'script');`;
|
||
|
|
return <div id="lv-container" data-id="city" data-uid={uid}>
|
||
|
|
<script dangerouslySetInnerHTML={{ __html: js }}></script>
|
||
|
|
<noscript>Please activate JavaScript for write a comment in LiveRe</noscript>
|
||
|
|
</div>;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = cacheComponent(LiveRe, 'comment.livere', props => {
|
||
|
|
return {
|
||
|
|
uid: props.uid
|
||
|
|
};
|
||
|
|
});
|