feat: little pages title adjustment

Author: Markkos89

apps/admin/src/pages/lessons/index.tsx

@@ -28,7 +28,10 @@ function AdminLessonsPage() {
 
   return (
     <main className="container mx-auto py-16">
-      <Button onClick={handleCreateNewBtnClick}>Create New Lesson</Button>
+      <h1 className="text-center text-2xl text-white">Lessons List</h1>
+      <div className="mb-4 flex w-full justify-end">
+        <Button onClick={handleCreateNewBtnClick}>Create New Lesson</Button>
+      </div>
       <Table className="text-white">
         <TableCaption>Full list of availables lessons.</TableCaption>
         <TableHeader>
@@ -38,6 +41,7 @@ function AdminLessonsPage() {
             <TableHead>Description</TableHead>
             <TableHead>Lesson Path</TableHead>
             <TableHead>Quiz filename</TableHead>
+            <TableHead>Track</TableHead>
             <TableHead>Order N°</TableHead>
             <TableHead className="text-right">Actions</TableHead>
           </TableRow>
@@ -50,6 +54,7 @@ function AdminLessonsPage() {
               <TableCell>{lesson.lessonDescription}</TableCell>
               <TableCell>{lesson.lessonPath}</TableCell>
               <TableCell>{lesson.quizFileName}</TableCell>
+              <TableCell>{lesson.track.trackTitle}</TableCell>
               <TableCell>{lesson.order}</TableCell>
               <TableCell className="text-right">
                 <Button variant="default" onClick={async () => handleEditLessonBtnClick(lesson.id)}>

apps/admin/src/pages/tags/index.tsx

@@ -28,7 +28,10 @@ function AdminTagsPage() {
 
   return (
     <main className="container mx-auto py-16">
-      <Button onClick={handleCreateNewBtnClick}>Create New Tag</Button>
+      <h1 className="text-center text-2xl text-white">Tags List</h1>
+      <div className="mb-4 flex w-full justify-end">
+        <Button onClick={handleCreateNewBtnClick}>Create New Tag</Button>
+      </div>
       <Table className="text-white">
         <TableCaption>Full list of availables tags.</TableCaption>
         <TableHeader>

apps/admin/src/pages/tracks/[trackId]/lessons.tsx

@@ -18,6 +18,8 @@ export default function TrackLessonsPage() {
   };
   return (
     <main className="container mx-auto py-16">
+      <h1 className="text-center text-2xl text-white">Track Lessons List</h1>
+
       <Button onClick={handleCreateNewBtnClick}>Create New Lesson</Button>
 
       <div className="mx-auto mt-4 flex max-w-xl flex-col gap-4">

apps/admin/src/pages/tracks/index.tsx

@@ -7,14 +7,17 @@ import TrackCard from "@/components/TrackCard";
 export default function AdminTracksPage() {
   const { data: tracks } = api.tracks.getAll.useQuery();
   const router = useRouter();
+
   const handleCreateNewBtnClick = async () => {
     await router.push("tracks/create");
   };
 
   return (
     <main className="container mx-auto py-16">
-      <Button onClick={handleCreateNewBtnClick}>Create New Track</Button>
-
+      <h1 className="text-center text-2xl text-white">Tracks List</h1>
+      <div className="mb-4 flex w-full justify-end">
+        <Button onClick={handleCreateNewBtnClick}>Create New Track</Button>
+      </div>
       <div className="mx-auto mt-4 flex max-w-xl flex-col gap-4">
         {tracks?.map((track) => <TrackCard key={track.id} track={track} />)}
       </div>

apps/admin/src/server/api/routers/lessons.ts

@@ -45,6 +45,9 @@ export const lessonsRouter = createTRPCRouter({
       where: {
         ...constructedWhere,
       },
+      include: {
+        track: true,
+      },
     });
     return lessons;
   }),
@@ -206,6 +209,7 @@ export const lessonsRouter = createTRPCRouter({
               tag: true,
             },
           },
+          track: true,
         },
         orderBy: {
           order: "asc",

turbo.code-workspace

@@ -22,7 +22,7 @@
   },
   "settings": {
     "editor.codeActionsOnSave": {
-      "source.fixAll": true
+      "source.fixAll": "explicit"
     },
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": true,