diff --git a/deno.json b/deno.json index f84797f..62a1db1 100644 --- a/deno.json +++ b/deno.json @@ -31,7 +31,7 @@ }, "lint": { "plugins": [ - "@ryu/deno-lint-plugin-tailwindcss@0.2.0" + "jsr:@ryu/deno-lint-plugin-tailwindcss@0.2.0" ] } } diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json index aa5b3f6..d3c62b8 100644 --- a/src/assets/locales/en.json +++ b/src/assets/locales/en.json @@ -6,5 +6,7 @@ "header": { "previous": "Previous", "next": "Next" - } + }, + + "missed-items": "Missed items" } diff --git a/src/components/missed-items.tsx b/src/components/missed-items.tsx index 0bed628..f6d35a4 100644 --- a/src/components/missed-items.tsx +++ b/src/components/missed-items.tsx @@ -1,10 +1,14 @@ import * as clientDb from "@scope/db/client"; import { type Accessor, Index, Show } from "solid-js"; +import { useI18n } from "./hooks/i18n.hook.ts"; +import { Swiper } from "./swiper.tsx"; type MissedItemsProps = { today: Accessor; }; export const MissedItems = (props: MissedItemsProps) => { + const t = useI18n(); + const items = clientDb.useLiveQuery(({ db }) => { return db.selectFrom("item") .where("dueAt", "<", props.today().toString()) @@ -13,18 +17,22 @@ export const MissedItems = (props: MissedItemsProps) => { return ( -
-
-

Missed Items:

+
+
+

{t("missed-items")}

- - {(item) => ( -
- {item().title} -
- )} -
+
+ + {(item) => ( +
+ + {item().title} + +
+ )} +
+
);