Merge branch 'main' of http://113.45.157.195:3003/insiinc/re-mooc

apps/web/src/app/main/course/preview/components/coursePreviewAllmsg.tsx

@@ -0,0 +1,7 @@
+export function coursePreviewAllmsg() {
+    return (
+        <div className="min-h-screen">
+            helloword
+        </div>
+    )
+}

apps/web/src/app/main/course/preview/page.tsx

@@ -0,0 +1,7 @@
+export function CoursePreview(){
+    return(
+       <div className="min-h-screen">
+         helloword
+       </div>
+    )
+}

apps/web/src/app/main/courses/components/FilterSection.tsx

@@ -1,7 +1,8 @@
-import { Checkbox, Divider, Radio, Space } from "antd";
-import { categories, levels } from "../mockData";
-import { api } from "@nice/client";
-import { TaxonomySlug } from "@nice/common";
+import { Checkbox, Divider, Radio, Space , Spin} from 'antd';
+import { categories, levels } from '../mockData';
+import { TaxonomySlug, TermDto } from '@nice/common';
+import { GetTaxonomyProps, useGetTaxonomy } from '@web/src/hooks/useGetTaxonomy';
+import { useMemo } from 'react';
 
 interface FilterSectionProps {
 	selectedCategory: string;
@@ -16,47 +17,65 @@ export default function FilterSection({
 	onCategoryChange,
 	onLevelChange,
 }: FilterSectionProps) {
-	const { data: levels, isLoading } = api.term.findMany.useQuery({
-		where: {
-			taxonomy: {
-				slug: TaxonomySlug.LEVEL,
-			},
-		},
-	});
-	// const { data } = api.term;
-	return (
-		<div className="bg-white p-6 rounded-lg shadow-sm space-y-6">
-			<div>
-				<h3 className="text-lg font-medium mb-4">课程分类</h3>
-				<Radio.Group
-					value={selectedCategory}
-					onChange={(e) => onCategoryChange(e.target.value)}
-					className="flex flex-col space-y-3">
-					<Radio value="">全部课程</Radio>
-					{categories.map((category) => (
-						<Radio key={category} value={category}>
-							{category}
-						</Radio>
-					))}
-				</Radio.Group>
-			</div>
+  const gateGory : GetTaxonomyProps = useGetTaxonomy({
+      type: TaxonomySlug.CATEGORY,
+  })
+  const levels : GetTaxonomyProps = useGetTaxonomy({
+      type: TaxonomySlug.LEVEL,
+  })
+  return (
+    <div className="bg-white p-6 rounded-lg shadow-sm space-y-6">
+      <div>
+        <h3 className="text-lg font-medium mb-4">课程分类</h3>
+        <Radio.Group
+          value={selectedCategory}
+          onChange={(e) => onCategoryChange(e.target.value)}
+          className="flex flex-col space-y-3"
+        >
+        {
+          gateGory.isLoading?
+          (<Spin/>)
+          :
+          (
+          <>
+            <Radio value="">全部课程</Radio>
+            {gateGory.categories.map(category => (
+              <Radio key={category} value={category}>
+                {category}
+              </Radio>
+            ))}
+          </>)
+        }
+          
+        </Radio.Group>
+      </div>
 
 			<Divider className="my-6" />
 
-			<div>
-				<h3 className="text-lg font-medium mb-4">难度等级</h3>
-				<Radio.Group
-					value={selectedLevel}
-					onChange={(e) => onLevelChange(e.target.value)}
-					className="flex flex-col space-y-3">
-					<Radio value="">全部难度</Radio>
-					{levels?.map((level) => (
-						<Radio key={level.id} value={level.id}>
-							{level.name}
-						</Radio>
-					))}
-				</Radio.Group>
-			</div>
-		</div>
-	);
+      <div>
+        <h3 className="text-lg font-medium mb-4">难度等级</h3>
+        <Radio.Group
+          value={selectedLevel}
+          onChange={(e) => onLevelChange(e.target.value)}
+          className="flex flex-col space-y-3"
+        >
+          {
+            levels.isLoading ?
+            (<Spin/>)
+            :
+            (
+            <>
+            <Radio value="">全部难度</Radio>
+            {levels.categories.map(level => (
+              <Radio key={level} value={level}>
+                {level}
+              </Radio>
+            ))}
+          </>)
+          }
+          
+        </Radio.Group>
+      </div>
+    </div>
+  );
 }