feat: hide study delete button when there already are questionnaires

Author: stampaaaron

apps/backend/src/research/studies/study.dto.ts

@@ -13,6 +13,10 @@ class StudyBaseDto {
   title: string;
 }
 
-export class StudyResponseDto extends StudyBaseDto {}
+export class StudyResponseDto extends StudyBaseDto {
+  @ApiProperty({example: 1, description: "The count of questionnaires tracked to this study"})
+  @Expose()
+  questionnairesCount?: number;
+}
 export class StudyCreationDto extends StudyBaseDto {}
 export class StudyMutationDto extends PartialType(StudyBaseDto) {}

apps/backend/src/research/studies/study.entity.ts

@@ -1,4 +1,4 @@
-import { Collection, Entity, OneToMany, Property } from "@mikro-orm/core";
+import { Collection, Entity, Formula, OneToMany, Property } from "@mikro-orm/core";
 import { BaseEntity } from "../../common/entities/base.entity";
 import { Questionnaire } from "../questionnaires/questionnaire.entity";
 
@@ -9,4 +9,7 @@ export class Study extends BaseEntity {
 
   @OneToMany(() => Questionnaire, (questionnaire) => questionnaire.study)
   questionnaires = new Collection<Questionnaire>(this);
+
+  @Formula((alias) => `(select count(*) from questionnaire q where q.study_id = ${alias}.id)`)
+  questionnairesCount? = 0;
 }

apps/frontend/src/api.gen.ts

@@ -536,6 +536,11 @@ export interface components {
              * @example Series 1
              */
             title: string;
+            /**
+             * @description The count of questionnaires tracked to this study
+             * @example 1
+             */
+            questionnairesCount?: number;
         };
         QuestionnaireResponseDto: {
             /**
@@ -1310,19 +1315,19 @@ export interface operations {
     };
     ReportsController_get: {
         parameters: {
-            query?: {
-                studyId?: string;
+            query: {
+                studyId: string;
             };
             header?: never;
             path?: never;
             cookie?: never;
         };
         requestBody?: never;
         responses: {
-            /** @description Database dump file */
+            /** @description Report file */
             200: {
                 headers: {
-                    /** @description Attachment dump */
+                    /** @description Report */
                     "Content-Disposition"?: string;
                     [name: string]: unknown;
                 };

apps/frontend/src/routes/_auth/administration/studies/index.tsx

@@ -26,21 +26,23 @@ function AdministrationStudiesIndex() {
             <Table.Td>{s.id}</Table.Td>
             <Table.Td>{s.title}</Table.Td>
             <Table.Td>
-              <Button variant="default" renderRoot={(props) => <Link to={`/administration/studies/edit/${s.id}`} {...props} />}>
-                Edit
-              </Button>
-              {sessionStore.role === "ADMIN" && (
-                <Button
-                  variant="default"
-                  onClick={() =>
-                    deleteStudyMutation.mutate({
-                      params: { path: { id: s.id.toString() } },
-                    })
-                  }
-                >
-                  Delete
+              <Button.Group>
+                <Button variant="default" renderRoot={(props) => <Link to={`/administration/studies/edit/${s.id}`} {...props} />}>
+                  Edit
                 </Button>
-              )}
+                {sessionStore.role === "ADMIN" && (s.questionnairesCount ?? 0) < 1 && (
+                  <Button
+                    variant="default"
+                    onClick={() =>
+                      deleteStudyMutation.mutate({
+                        params: { path: { id: s.id.toString() } },
+                      })
+                    }
+                  >
+                    Delete
+                  </Button>
+                )}
+              </Button.Group>
             </Table.Td>
           </Table.Tr>
         ))}