wip

web/app/(pages)/topics/ls/page.tsx

@@ -0,0 +1,5 @@
+import { TopicLearningStateRoute } from "@/components/routes/topics/learning-state/TopicLearningStateRoute"
+
+export default function TopicLearningStatePage() {
+	return <TopicLearningStateRoute />
+}

web/app/(pages)/topics/page.tsx

@@ -0,0 +1,5 @@
+import { TopicRoute } from "@/components/routes/topics/TopicRoute"
+
+export default function TopicPage() {
+	return <TopicRoute />
+}

web/components/routes/topics/TopicRoute.tsx

@@ -0,0 +1,5 @@
+"use client"
+
+export const TopicRoute: React.FC = () => {
+	return <div>TopicRoute</div>
+}

web/components/routes/topics/learning-state/TopicLearningStateRoute.tsx

@@ -0,0 +1,12 @@
+"use client"
+
+import { LEARNING_STATES } from "@/lib/constants"
+import { parseAsStringLiteral, useQueryState } from "nuqs"
+
+export const TopicLearningStateRoute: React.FC = () => {
+	const [learningState, setLearningState] = useQueryState(
+		"state",
+		parseAsStringLiteral(LEARNING_STATES.map(ls => ls.value))
+	)
+	return <div>TopicLearningStateRoute</div>
+}