1
Fork 0
href-plus/source/ts/components/shared-footer.ts

37 lines
961 B
TypeScript
Raw Normal View History

2021-12-30 22:40:57 +00:00
import {Component, html} from 'htm/preact';
import ExternalAnchor from './external-anchor.js';
type Props = {
page: string;
};
export default class SharedFooter extends Component<Props> {
2021-12-30 22:40:57 +00:00
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>${' '}`;
2022-09-29 14:53:00 +00:00
const giteaUrl = 'https://git.bauke.xyz/Bauke/href-plus';
2022-01-06 20:12:20 +00:00
const versionText = `v${hrefPlusVersion}/${hrefPlusCommitHash}`;
2022-09-29 14:53:00 +00:00
const versionUrl = `${giteaUrl}/src/commit/${hrefPlusCommitHash}`;
2021-12-30 22:40:57 +00:00
return html`
<footer class="shared-footer">
${homeLink}${settingsLink}
2022-09-29 14:53:00 +00:00
<${ExternalAnchor} text="Gitea" url=${giteaUrl} />
${' '}
<${ExternalAnchor} text=${versionText} url=${versionUrl} />
2021-12-30 22:40:57 +00:00
</footer>
`;
}
}