feat: add submission retrieval for teams; implement API and UI updates for submission handling

Author: hoangtuanqn

backend/src/controllers/team.controllers.ts

@@ -59,7 +59,21 @@ export const getSchedulePresentation = async (
         return next(error);
     }
 };
-
+export const getSubmissionInTeam = async (
+    req: Request<ParamsDictionary, {}, { teamId: string }>,
+    res: Response,
+    next: NextFunction,
+) => {
+    try {
+        const userId = req.userId!;
+        const { teamId } = req.params;
+        console.log("teamId", userId, teamId);
+        const result = await teamService.getSubmissionInTeam(userId, teamId);
+        return res.status(HTTP_STATUS.OK).json(new ResponseClient({ result }));
+    } catch (error) {
+        return next(error);
+    }
+};
 export const createSubmission = async (
     req: Request<ParamsDictionary, {}, SubmissionType>,
     res: Response,

backend/src/repositories/team.repository.ts

@@ -274,6 +274,13 @@ class TeamRepository {
     findAllPresentationSchedules = async () => {
         return prisma.schedulePresent.findMany();
     };
+    findSubmissionByTeamId = async (teamId: string) => {
+        return prisma.submission.findMany({
+            where: {
+                teamId,
+            },
+        });
+    };
     createSubmission = async (userId: string, data: SubmissionType) => {
         return prisma.submission.create({
             data: new Submission({

backend/src/routes/team.routes.ts

@@ -16,6 +16,7 @@ const teamRouter = Router();
 teamRouter.get("/", auth, validate(getAllSchema), teamController.getAll);
 teamRouter.post("/present", auth, teamController.createSchedulePresentation);
 
+teamRouter.get("/:teamId/submissions", auth, teamController.getSubmissionInTeam);
 teamRouter.post("/:teamId/submissions", auth, teamController.createSubmission);
 
 // get các lịch đã có thể đăng ký

backend/src/services/team.service.ts

@@ -251,6 +251,24 @@ class TeamService {
         };
     }
 
+    getSubmissionInTeam = async (userId: string, teamId: string) => {
+        const isMember = await teamRepository.isMember(teamId, userId);
+        if (!isMember) {
+            throw new ErrorWithStatus({
+                status: HTTP_STATUS.FORBIDDEN,
+                message: "Bạn không có quyền xem submission của nhóm này.",
+            });
+        }
+        const submission = await teamRepository.findSubmissionByTeamId(teamId);
+        if (!submission) {
+            throw new ErrorWithStatus({
+                status: HTTP_STATUS.NOT_FOUND,
+                message: "Submission của nhóm không tồn tại.",
+            });
+        }
+        return submission;
+    };
+
     createSubmission = async ({
         userId,
         teamId,

frontend/src/api-requests/team.requests.ts

@@ -3,6 +3,7 @@ import type {
     ResponseDetailData,
     ScheduleDateType,
     SchedulePresentType,
+    SubmissionType,
     TeamType,
 } from "~/types/team.types";
 import { privateApi } from "~/utils/axiosInstance";
@@ -60,9 +61,17 @@ class TeamApi {
         return res.data;
     }
 
-    static async submissions(teamId: string) {
+    static async getSubmissionInTeam(teamId: string) {
         const res = await privateApi.get<ResponseDetailData<{ submissionUrl: string }>>(`/teams/${teamId}/submissions`);
         return res.data;
     }
+
+    static async submissions(teamId: string, data: SubmissionType) {
+        const res = await privateApi.post<ResponseDetailData<{ submissionUrl: string }>>(
+            `/teams/${teamId}/submissions`,
+            data,
+        );
+        return res.data;
+    }
 }
 export default TeamApi;

frontend/src/pages/Submissions/FormSubmit.tsx

@@ -21,13 +21,16 @@ const FormSubmit = () => {
             <form onSubmit={handleSubmit} className="space-y-6 p-5 sm:p-6">
                 {/* Product Link */}
                 <div className="space-y-2">
-                    <label htmlFor="productLink" className="flex items-center gap-2 text-sm font-medium text-gray-700">
+                    <label
+                        htmlFor="presentationLink"
+                        className="flex items-center gap-2 text-sm font-medium text-gray-700"
+                    >
                         <Link2 className="h-4 w-4 text-gray-400" />
                         Link sản phẩm (Bao gồm slide .pptx, Sheet phân công .xlsx)
                         <span className="text-red-500">*</span>
                     </label>
                     <Input
-                        id="productLink"
+                        id="presentationLink"
                         type="url"
                         placeholder="https://drive.google.com/..."
                         className="focus:ring-primary/20 transition-all focus:ring-2"
@@ -41,12 +44,12 @@ const FormSubmit = () => {
 
                 {/* Code Link */}
                 <div className="space-y-2">
-                    <label htmlFor="codeLink" className="flex items-center gap-2 text-sm font-medium text-gray-700">
+                    <label htmlFor="productLink" className="flex items-center gap-2 text-sm font-medium text-gray-700">
                         <Github className="h-4 w-4 text-gray-400" />
                         Link source/Figma (Nếu đề tài yêu cầu sản phẩm)
                     </label>
                     <Input
-                        id="codeLink"
+                        id="productLink"
                         type="url"
                         placeholder="GitHub, GitLab, Figma..."
                         className="focus:ring-primary/20 transition-all focus:ring-2"
@@ -55,12 +58,12 @@ const FormSubmit = () => {
 
                 {/* Description */}
                 <div className="space-y-2">
-                    <label htmlFor="description" className="flex items-center gap-2 text-sm font-medium text-gray-700">
+                    <label htmlFor="note" className="flex items-center gap-2 text-sm font-medium text-gray-700">
                         <FileText className="h-4 w-4 text-gray-400" />
                         Ghi chú
                     </label>
                     <Textarea
-                        id="description"
+                        id="note"
                         placeholder="Mô tả ngắn về sản phẩm, tính năng nổi bật, công nghệ sử dụng..."
                         className="focus:ring-primary/20 min-h-[120px] resize-none transition-all focus:ring-2"
                         // rows={5}

frontend/src/types/team.types.ts

@@ -85,7 +85,6 @@ export type ScheduleDateType = {
     slots: TimeSlotType[];
 };
 
-
 export type OfficialTimeSlotType = {
     time: string;
 };
@@ -95,3 +94,8 @@ export type OfficialScheduleDateType = {
     slots: OfficialTimeSlotType[];
 };
 
+export type SubmissionType = {
+    presentationLink: string;
+    productLink: string;
+    note: string;
+};