flotilla/src/app/components/NoteContent.svelte

<script lang="ts">
  import type {ComponentProps} from "svelte"
  import {EVENT_TIME, ZAP_GOAL, THREAD, CLASSIFIED, POLL} from "@welshman/util"
  import NoteContentEventTime from "@app/components/NoteContentEventTime.svelte"
  import NoteContentThread from "@app/components/NoteContentThread.svelte"
  import NoteContentClassified from "@app/components/NoteContentClassified.svelte"
  import NoteContentGoal from "@app/components/NoteContentGoal.svelte"
  import NoteContentPoll from "@app/components/NoteContentPoll.svelte"
  import NoteContentPin from "@app/components/NoteContentPin.svelte"
  import NoteContentBoard from "@app/components/NoteContentBoard.svelte"
  import Content from "@app/components/Content.svelte"
  import {PIN, BOARD} from "@app/pinboards"

  const props: ComponentProps<typeof Content> = $props()
</script>

{#key props.event.id}
  {#if props.event.kind === EVENT_TIME}
    <NoteContentEventTime {...props} />
  {:else if props.event.kind === THREAD}
    <NoteContentThread {...props} />
  {:else if props.event.kind === CLASSIFIED}
    <NoteContentClassified {...props} />
  {:else if props.event.kind === ZAP_GOAL}
    <NoteContentGoal {...props} />
  {:else if props.event.kind === POLL}
    <NoteContentPoll {...props} />
  {:else if props.event.kind === PIN}
    <NoteContentPin {...props} />
  {:else if props.event.kind === BOARD}
    <NoteContentBoard {...props} />
  {:else}
    <Content {...props} />
  {/if}
{/key}