brian/wanderer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes summit log date formatting

Browse Source
This commit is contained in:
Christian Beutel
2024-03-26 15:24:43 +01:00
parent 00f3cb847d
commit aca94fd803
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/lib/components/summit_log/summit_log_card.svelte
View File

@@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
import type { SummitLog } from "$lib/models/summit_log"; import type { SummitLog } from "$lib/models/summit_log";
import { format, parse } from "date-fns"; import { format, parse } from "date-fns";
import Dropdown, { type DropdownItem } from "../base/dropdown.svelte";
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
import Dropdown, { type DropdownItem } from "../base/dropdown.svelte";
export let log: SummitLog; export let log: SummitLog;
export let mode: "show" | "edit" = "show"; export let mode: "show" | "edit" = "show";
@@ -15,7 +15,12 @@
<div class="p-4 my-2 border border-input-border rounded-xl"> <div class="p-4 my-2 border border-input-border rounded-xl">
<div class="flex justify-between items-center mb-2"> <div class="flex justify-between items-center mb-2">
<h5 class="font-medium mr-2">{format(log.date, "dd.MM.yyyy")}</h5> <h5 class="font-medium mr-2">
{parse(log.date, "yyyy-MM-dd", new Date()).toLocaleDateString(
undefined,
{ month: "2-digit", day: "2-digit", year: "numeric" },
)}
</h5>
{#if mode == "edit"} {#if mode == "edit"}
<Dropdown items={dropdownItems} on:change></Dropdown> <Dropdown items={dropdownItems} on:change></Dropdown>