Prioritize new forgotten cards (#12)

* Prioritize new forgotten cards

.gitignore

@@ -26,4 +26,3 @@ ngrok
 .dev.vars
 
 dumper/dump.sql
-gitexporter.config.json

src/lib/mobx-form/persistable-field.ts

@@ -2,7 +2,7 @@ import { makePersistable } from "mobx-persist-store";
 import { FieldWithValue } from "./field-with-value.ts";
 import { storageAdapter } from "../telegram/storage-adapter.ts";
 
-export const persistableField = <T extends FieldWithValue<any>>(
+export const persistableField = <T extends FieldWithValue<unknown>>(
   field: T,
   storageKey: string,
   expireIn?: number,

src/screens/component-catalog/components.tsx

@@ -1,15 +1,18 @@
 import { Button } from "../../ui/button.tsx";
 import { ReactNode } from "react";
 import { CardPreviewStory } from "./card-preview-story.tsx";
+import { SelectStory } from "./select-story.tsx";
 
-export type Component = { name: string; component: ReactNode };
+export type Component = {
+  name: string;
+  component: ReactNode;
+};
 
 export const components: Array<Component> = [
   {
     name: "Button",
     component: <Button>Button</Button>,
   },
-
   {
     name: "Button - outline",
     component: <Button outline>Button</Button>,
@@ -39,4 +42,8 @@ export const components: Array<Component> = [
       />
     ),
   },
+  {
+    name: "Select",
+    component: <SelectStory />,
+  },
 ];

src/screens/component-catalog/select-story.tsx

@@ -0,0 +1,23 @@
+import { Select } from "../../ui/select.tsx";
+import { useState } from "react";
+
+const countries = [
+  { value: "us", label: "United States" },
+  { value: "fr", label: "France" },
+  { value: "de", label: "Germany" },
+];
+
+type Country = (typeof countries)[number]["value"];
+
+export const SelectStory = () => {
+  const [value, setValue] = useState<Country>("us");
+  return (
+    <Select
+      value={value}
+      onChange={(newValue) => {
+        setValue(newValue);
+      }}
+      options={countries}
+    />
+  );
+};

src/screens/deck-review/store/card-under-review-store.ts

@@ -12,6 +12,7 @@ import { assert } from "../../../lib/typescript/assert.ts";
 import { removeAllTags } from "../../../lib/sanitize-html/remove-all-tags.ts";
 import { userStore } from "../../../store/user-store.ts";
 import { BooleanToggle } from "../../../lib/mobx-form/boolean-toggle.ts";
+import { CardReviewType } from "../../../../functions/db/deck/get-cards-to-review-db.ts";
 
 export enum CardState {
   Remember = "remember",
@@ -36,7 +37,11 @@ export class CardUnderReviewStore {
   // A hack for iOS when the card content is too large
   isOverflowing = new BooleanToggle(false);
 
-  constructor(card: DeckCardDbType, deck: DeckWithCardsWithReviewType) {
+  constructor(
+    card: DeckCardDbType,
+    deck: DeckWithCardsWithReviewType,
+    public cardReviewType: CardReviewType,
+  ) {
     this.id = card.id;
     this.front = card.front;
     this.back = card.back;