blog/themes/icarus/layout/plugin/back_to_top.jsx

30 lines
775 B
JavaScript
Executable File

const { Component, Fragment } = require('inferno');
const { cacheComponent } = require('hexo-component-inferno/lib/util/cache');
class BackToTop extends Component {
render() {
const { title, jsUrl } = this.props;
return <Fragment>
<a id="back-to-top" title={title} href="javascript:;">
<i class="fas fa-chevron-up"></i>
</a>
<script src={jsUrl} defer></script>
</Fragment>;
}
}
BackToTop.Cacheable = cacheComponent(BackToTop, 'plugin.backtotop', props => {
const { helper, head } = props;
if (head) {
return null;
}
return {
title: helper.__('plugin.backtotop'),
jsUrl: helper.url_for('/js/back_to_top.js')
};
});
module.exports = BackToTop;