blob: 272aecbe70bbfe8d93203e7c846f7d0d2b86fb65 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
import { getContextData } from "waku/middleware/context";
import { getState } from "@/lib/db";
import { startStudySession } from "@/actions/srs";
import StudySession from "@/components/Flashcard/StudySession";
import { Button } from "@/components/ui/button";
import { Card } from "@/components/ui/card";
import LessonSelector from "@/components/srs/LessonSelector";
import type { PageProps } from "waku/router";
import pdb from "@/lib/db/prosodydb";
import Deck from "@/components/Flashcard/Deck3";
import { CardFront, CardBack } from "@/components/Flashcard/ServerCard2";
// This is a server component that gets the initial data
export default async function StudyPage(props: PageProps<"/study/[slug]">) {
const lessonId = props.slug;
const ctx = getContextData() as any;
const userId = ctx?.user?.id;
const data = await getData();
console.log({ data });
const cardComponents = data.map((card) => {
const syls = JSON.parse(card.syllables);
const syllables = syls.map((s: any) => {
const long = s.long === 1 ? true : s.long === 0 ? false : null;
return { ...s, long };
});
const data = { ...card, syllables };
return {
id: card.id,
front: <CardFront data={data} />,
back: <CardBack data={data} />,
};
});
return (
<div className="container mx-auto py-8">
<Deck
data={{ lesson: { name: "hey", description: "hoy" } }}
cards={cardComponents}
/>
</div>
);
}
const getData = async () => {
const res = pdb.fetchFrequent("th");
return res;
};
export const getConfig = async () => {
return {
render: "dynamic",
} as const;
};
|
