34 lines
802 B
TypeScript
34 lines
802 B
TypeScript
import {html} from 'htm/preact';
|
|
|
|
import {Queue} from '../../types.d';
|
|
import {Link} from './link';
|
|
|
|
type FooterProps = {
|
|
manifest: Queue.Manifest;
|
|
showVersionUpdated: boolean;
|
|
};
|
|
|
|
export function PageFooter(props: FooterProps): Queue.Component {
|
|
const donateLink = html`<${Link}
|
|
text="Donate"
|
|
url="https://liberapay.com/Holllo"
|
|
/>`;
|
|
|
|
const version = props.manifest.version;
|
|
const versionLink = html`<${Link}
|
|
text="v${version}"
|
|
url="https://github.com/Holllo/queue/releases/tag/${version}"
|
|
/>`;
|
|
|
|
const versionUpdated = props.showVersionUpdated ? 'Updated to' : '';
|
|
|
|
return html`
|
|
<footer class="page-footer">
|
|
<p>
|
|
${donateLink} ♡ ${versionUpdated} ${versionLink} 🄯 Holllo — Free and
|
|
open-source, forever.
|
|
</p>
|
|
</footer>
|
|
`;
|
|
}
|