diff --git a/src/components/App.svelte b/src/components/App.svelte index 12e6dca..bc2979a 100644 --- a/src/components/App.svelte +++ b/src/components/App.svelte @@ -10,12 +10,24 @@
{#each $entries as entry} -
$currentEntry = entry}> -
{entry.data.metadata.title}
+
+
+ +
- {entry.url} - {entry.status.account.username} {entry.status.account.acct} +
{entry.data.metadata.title}
+ +
+ {entry.url} + {entry.status.account.username} {entry.status.account.acct} +
{/each} @@ -34,7 +46,15 @@ import { onMount } from 'svelte' import Controls from '/components/Controls.svelte' import Viewer from '/components/Viewer.svelte' - import { entry as currentEntry, entries } from '/store.js' + import { paused, entry as currentEntry, entries } from '/store.js' + + const toggleEntry = (entry) => { + if (entry !== $currentEntry) { + $currentEntry = entry + } else { + $paused = !$paused + } + } onMount(() => { const unsubscribe = entries.subscribe(async (xs) => { @@ -110,7 +130,7 @@ } .entry { - cursor: pointer; + display: flex; border: 1px solid black; }