up: refactor format

package.json

@@ -30,6 +30,7 @@
     "zod": "^3.21.4"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.10",
     "@types/eslint": "^8.44.2",
     "@types/node": "^18.16.0",
     "@types/react": "^18.2.20",

prisma/schema.prisma

@@ -13,6 +13,7 @@ datasource db {
 
 model Category {
   id        String   @id @default(cuid())
+  slug      String
   name      String
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
@@ -23,45 +24,20 @@ model Category {
 
 model Course {
   id          String     @id @default(cuid())
+  slug        String
   title       String
   categoryId  String
   category    Category   @relation(fields: [categoryId], references: [id])
-  description String
+  description String     @db.Text
   icon        String
-  materials   Material[]
+  materials   String     @db.Text
+  author      String
   createdAt   DateTime   @default(now())
   updatedAt   DateTime   @updatedAt
 
   @@index([id, categoryId])
 }
 
-model Material {
-  id        String   @id @default(cuid())
-  title     String
-  content   String   @db.Text
-  sequence  String
-  courseId  String
-  course    Course   @relation(fields: [courseId], references: [id])
-  code      Code?    @relation(fields: [codeId], references: [id])
-  codeId    String?
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-
-  @@index([id, courseId])
-}
-
-model Code {
-  id        String     @id @default(cuid())
-  title     String
-  codes     String     @db.Text
-  language  String
-  createdAt DateTime   @default(now())
-  updatedAt DateTime   @updatedAt
-  Material  Material[]
-
-  @@index([id])
-}
-
 model CourseVisitor {
   id        String    @id @default(cuid())
   courseId  String    @unique

src/components/card/index.tsx

@@ -6,11 +6,13 @@ import { api } from "u/utils/api";
 interface Props {
   id: string
   name: string
+  slug: string
 }
 
 const Card: NextPage<Props> = ({
   id,
-  name
+  name,
+  slug
 }) => {
   const router = useRouter();
   const { mutate } = api.visitorRouter.upsert.useMutation();
@@ -27,7 +29,7 @@ const Card: NextPage<Props> = ({
 
   const goToDetail = (): void => {
     handleVisitorClick();
-    void router.push('/card/' + id);
+    void router.push('/card/' + slug);
   }
 
   const handleVisitorClick = () => {

src/components/cardstack/index.tsx

@@ -1,20 +1,21 @@
 import { type NextPage } from "next";
-import { type Material } from "u/interfaces/material";
 import Content from "../content";
 
 interface Props {
-  materials: Material[] | undefined
+  materials: string | undefined
 }
 const CardStack: NextPage<Props> = ({
   materials
 }) => {
+  const cards: string[] = materials?.split("\\") as unknown as string[];
+
   return (
     <div className="md:container md:mx-auto">
       <div className="grid grid-cols-1 md:grid-cols-2 gap-6 px-6 md:px-0">
         {
-          materials?.map((material) => {
-            return (<div key={material.id}>
-              <Content material={material}></Content>
+          cards?.map((item) => {
+            return (<div key={item}>
+              <Content material={item}></Content>
             </div>);
           })
         }