June
7ac31ccf2c
Complete UI rewrite using shadcn-svelte for consistency and better design Reviewed-on: #1 Co-authored-by: June <self@breadone.net> Co-committed-by: June <self@breadone.net>
44 lines
1.1 KiB
Svelte
44 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import { CalendarDate } from "@internationalized/date";
|
|
|
|
const { data } = $props();
|
|
|
|
import Header from '$lib/components/header.svelte';
|
|
|
|
import Calendar from "$lib/components/calendar.svelte";
|
|
import Editor from "$lib/components/editor.svelte";
|
|
import EntrySummaryView from "$lib/components/entrySummaryView.svelte";
|
|
|
|
let dateValue = $state(new CalendarDate(2026, 2, 1));
|
|
|
|
</script>
|
|
|
|
<!-- <Editor {dateValue} /> -->
|
|
|
|
<div>
|
|
Click on a date to view or edit an entry.
|
|
</div>
|
|
|
|
|
|
<!-- <div class="flex flex-col md:flex-row space-y-4 w-full mt-6">
|
|
<div class="md:w-1/2 md:order-2">
|
|
<Header />
|
|
|
|
{#key dateValue}
|
|
<Editor {dateValue} />
|
|
{/key}
|
|
</div>
|
|
|
|
<div class="md:w-1/2 lg:max-w-1/4 space-y-4 md:mr-4">
|
|
<Calendar bind:value={dateValue} />
|
|
<ul class="space-y-4">
|
|
{#each data.all as entry}
|
|
<EntrySummaryView
|
|
{entry}
|
|
bind:value={dateValue}
|
|
/>
|
|
{/each}
|
|
</ul>
|
|
</div>
|
|
</div> -->
|