24 lines
666 B
Svelte
24 lines
666 B
Svelte
<script lang="ts">
|
|
import ImageTarget from "./imageTarget.svelte";
|
|
import TextEditor from "./textEditor.svelte";
|
|
import { formatDate } from "$lib/date.ts";
|
|
|
|
let { entry = $bindable({}) } = $props();
|
|
|
|
let edit = $state(false);
|
|
let editModeText = $derived(edit ? "done" : "edit")
|
|
</script>
|
|
|
|
<div class="flex flex-row mb-2">
|
|
<p class="text-3xl font-bold">{formatDate(entry.date)}</p>
|
|
<button
|
|
class="bg-white/20 px-3 rounded-lg ml-auto"
|
|
onclick={() => edit = !edit}
|
|
>
|
|
{editModeText}
|
|
</button>
|
|
</div>
|
|
|
|
<ImageTarget bind:image={entry.image} bind:edit />
|
|
<TextEditor bind:content={entry.content} bind:edit />
|