master
Jason Schwarzenberger 3 years ago
parent 888c341296
commit f524ecec7b
  1. 12
      webapp/src/components/Article.svelte
  2. 13
      webapp/src/components/StoryList.svelte

@ -70,7 +70,11 @@
<article class="article">
<header class="article-header">
<h1 class="article-title">
{@html title}
{#if !title}
{story.title}
{:else}
{@html title}
{/if}
</h1>
{#if story.url}
<div>source: <a class="article-source" href={story.url}>{host}</a></div>
@ -81,6 +85,10 @@
</header>
<section class="article-body">
{@html html}
{#if !html}
{story.content}
{:else}
{@html html}
{/if}
</section>
</article>

@ -6,7 +6,7 @@
export let stories;
const host = (url) => new URL(url).hostname.replace(/^www\./, "");
let purify = () => "";
let purify;
onMount(() => {
purify = (html) => DOMPurify.sanitize(html);
@ -48,10 +48,13 @@
alt="logo"
class="story-icon"
style="height: 1rem; width: 1rem;" />
<a
class="story-title"
rel="prefetch"
href="/{story.id}">{@html purify(story.title)}</a>
<a class="story-title" rel="prefetch" href="/{story.id}">
{#if !purify}
{story.title}
{:else}
{@html purify(story.title)}
{/if}
</a>
<a
class="story-source"
href={story.url || story.link}>{host(story.url || story.link)}</a>

Loading…
Cancel
Save