matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Make some event rendering components reactive

Browse source
This commit is contained in:
Jon Staab 2026-08-22 11:30:30 -07:00
parent 8d7b640d0f
commit 735231f8bc
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/components/CalendarEventDate.svelte
View file

@ -10,9 +10,9 @@
const {event}: Props = $props() const {event}: Props = $props()
const timeEvent = reader(TimeEvent)(event) const timeEvent = $derived(reader(TimeEvent)(event))
const start = timeEvent.start() const start = $derived(timeEvent.start())
</script> </script>
{#if start} {#if start}

6
src/app/components/CalendarEventHeader.svelte
View file

@ -13,12 +13,12 @@
const {event}: Props = $props() const {event}: Props = $props()
const timeEvent = reader(TimeEvent)(event) const timeEvent = $derived(reader(TimeEvent)(event))
// NIP-52 settled on `title`, but events from before that still carry `name`. // NIP-52 settled on `title`, but events from before that still carry `name`.
const title = $derived(timeEvent.title() ?? tagValue(tagSpec("name"), event.tags)) const title = $derived(timeEvent.title() ?? tagValue(tagSpec("name"), event.tags))
const start = timeEvent.start() const start = $derived(timeEvent.start())
const end = timeEvent.end() const end = $derived(timeEvent.end())
</script> </script>
<div class="flex flex-col justify-between gap-1"> <div class="flex flex-col justify-between gap-1">

4
src/app/components/CalendarEventMeta.svelte
View file

@ -14,9 +14,9 @@
const {event, url}: Props = $props() const {event, url}: Props = $props()
const timeEvent = reader(TimeEvent)(event) const timeEvent = $derived(reader(TimeEvent)(event))
const location = timeEvent.location() const location = $derived(timeEvent.location())
</script> </script>
<div class="flex min-w-0 flex-col gap-1 text-sm opacity-75"> <div class="flex min-w-0 flex-col gap-1 text-sm opacity-75">