37 lines
956 B
TypeScript
37 lines
956 B
TypeScript
import {Component, html} from 'htm/preact';
|
|
|
|
import ExternalAnchor from './external-anchor.js';
|
|
|
|
type Props = {
|
|
page: string;
|
|
};
|
|
|
|
export default class SharedFooter extends Component<Props> {
|
|
render() {
|
|
const {page} = this.props;
|
|
|
|
const homeLink =
|
|
page === 'home' || page === 'not-found'
|
|
? undefined
|
|
: html`<a href="/">Home</a>${' '}`;
|
|
|
|
const settingsLink =
|
|
page === 'settings'
|
|
? undefined
|
|
: html`<a href="/settings">Settings</a>${' '}`;
|
|
|
|
const githubUrl = 'https://github.com/Bauke/href-plus';
|
|
const versionText = `v${hrefPlusVersion}/${hrefPlusCommitHash}`;
|
|
const versionUrl = `${githubUrl}/tree/${hrefPlusCommitHash}`;
|
|
|
|
return html`
|
|
<footer class="shared-footer">
|
|
${homeLink}${settingsLink}
|
|
<${ExternalAnchor} text="GitHub" url=${githubUrl} />
|
|
${' '}
|
|
<${ExternalAnchor} text=${versionText} url=${versionUrl} />
|
|
</footer>
|
|
`;
|
|
}
|
|
}
|