Replace Link with @holllo/gram's PrivacyLink.
This commit is contained in:
parent
5c9d6668b3
commit
c25e390f68
|
@ -1,4 +1,3 @@
|
||||||
export * from './link.js';
|
|
||||||
export * from './page-footer.js';
|
export * from './page-footer.js';
|
||||||
export * from './page-header.js';
|
export * from './page-header.js';
|
||||||
export * from './page-main.js';
|
export * from './page-main.js';
|
||||||
|
|
|
@ -1,20 +0,0 @@
|
||||||
import {html} from 'htm/preact';
|
|
||||||
import {Component} from 'preact';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
cssClass: string;
|
|
||||||
text: string;
|
|
||||||
url: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export class Link extends Component<Props> {
|
|
||||||
render() {
|
|
||||||
const {cssClass, text, url} = this.props;
|
|
||||||
|
|
||||||
return html`
|
|
||||||
<a class=${cssClass} href=${url} target="_blank" rel="noopener">
|
|
||||||
${text}
|
|
||||||
</a>
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,8 +1,8 @@
|
||||||
|
import {PrivacyLink} from '@holllo/gram';
|
||||||
import {html} from 'htm/preact';
|
import {html} from 'htm/preact';
|
||||||
import {Component} from 'preact';
|
import {Component} from 'preact';
|
||||||
|
|
||||||
import {Settings} from '../../settings/settings.js';
|
import {Settings} from '../../settings/settings.js';
|
||||||
import {Link} from './link.js';
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
settings: Settings;
|
settings: Settings;
|
||||||
|
@ -14,14 +14,15 @@ export class PageFooter extends Component<Props> {
|
||||||
const version = settings.manifest.version;
|
const version = settings.manifest.version;
|
||||||
|
|
||||||
const donateLink = html`
|
const donateLink = html`
|
||||||
<${Link} text="Donate" url="https://github.com/sponsors/Bauke" />
|
<${PrivacyLink} href="https://github.com/sponsors/Bauke">Donate<//>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const versionLink = html`
|
const versionLink = html`
|
||||||
<${Link}
|
<${PrivacyLink}
|
||||||
text="v${version}"
|
href="https://github.com/Holllo/queue/releases/tag/${version}"
|
||||||
url="https://github.com/Holllo/queue/releases/tag/${version}"
|
>
|
||||||
/>
|
v${version}
|
||||||
|
<//>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
return html`
|
return html`
|
||||||
|
|
|
@ -1,10 +1,9 @@
|
||||||
import {ConfirmButton} from '@holllo/gram';
|
import {ConfirmButton, PrivacyLink} from '@holllo/gram';
|
||||||
import {Component, html} from 'htm/preact';
|
import {Component, html} from 'htm/preact';
|
||||||
|
|
||||||
import {Settings} from '../../settings/settings.js';
|
import {Settings} from '../../settings/settings.js';
|
||||||
import {updateBadge} from '../../utilities/badge.js';
|
import {updateBadge} from '../../utilities/badge.js';
|
||||||
import {History} from '../../utilities/history.js';
|
import {History} from '../../utilities/history.js';
|
||||||
import {Link} from './link.js';
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
history: History;
|
history: History;
|
||||||
|
@ -132,7 +131,7 @@ function queueItem(props: ItemProps): HtmComponent {
|
||||||
return html`
|
return html`
|
||||||
<li class="q-item">
|
<li class="q-item">
|
||||||
<p class="title">
|
<p class="title">
|
||||||
<${Link} text=${text ?? url} url=${url} />
|
<${PrivacyLink} href=${url}>${text ?? url}<//>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="buttons">${remove}</div>
|
<div class="buttons">${remove}</div>
|
||||||
|
|
Loading…
Reference in New Issue