From af7df1aa14e0b4773621ffb53288d8a3f5ccc17d Mon Sep 17 00:00:00 2001
From: bsilkyn <brent.silkyn@ugent.be>
Date: Thu, 23 May 2024 18:58:51 +0200
Subject: [PATCH] style: lint fix #458

---
 .../components/projects/ProjectStructure.vue  | 27 +++++++------------
 .../projects/ProjectStructureEditor.vue       |  3 +--
 frontend/src/types/Project.ts                 |  4 +--
 .../projects/roles/StudentProjectView.vue     |  6 ++---
 .../src/views/submissions/SubmissionsView.vue |  4 +--
 5 files changed, 17 insertions(+), 27 deletions(-)

diff --git a/frontend/src/components/projects/ProjectStructure.vue b/frontend/src/components/projects/ProjectStructure.vue
index a5b263dc..e60c806c 100644
--- a/frontend/src/components/projects/ProjectStructure.vue
+++ b/frontend/src/components/projects/ProjectStructure.vue
@@ -1,15 +1,14 @@
 <script setup lang="ts">
 import Tree from 'primevue/tree';
 import Chip from 'primevue/chip';
-import Divider from 'primevue/divider';
 import { useI18n } from 'vue-i18n';
-import { StructureCheck } from '@/types/StructureCheck.ts';
-import { Project } from "@/types/Project.ts";
+import { type StructureCheck } from '@/types/StructureCheck.ts';
+import { Project } from '@/types/Project.ts';
 
 const { t } = useI18n();
 
 const props = defineProps<{
-    structureChecks: StructureCheck[]
+    structureChecks: StructureCheck[];
 }>();
 
 console.log(props.structureChecks);
@@ -20,32 +19,24 @@ console.log(props.structureChecks);
         <label class="pb-2">
             {{ t('views.projects.structureChecks.title') }}
         </label>
-        <Tree
-            class="w-100"
-            selection-mode="single"
-            :value="Project.getNodes(structureChecks)"
-        >
+        <Tree class="w-100" selection-mode="single" :value="Project.getNodes(structureChecks)">
             <template #default="{ node }">
                 <template v-if="node.obligated">
-                    <div
-                        class="w-full"
-                        v-tooltip="t('views.projects.structureChecks.obligatedExtensions')"
-                    >
+                    <div class="w-full" v-tooltip="t('views.projects.structureChecks.obligatedExtensions')">
                         <Chip
                             class="m-1"
                             :label="extension"
+                            :key="extension"
                             v-for="extension in node.data.getObligatedExtensionList()"
                         />
                     </div>
                 </template>
                 <template v-else-if="node.blocked">
-                    <div
-                        class="w-full"
-                        v-tooltip="t('views.projects.structureChecks.blockedExtensions')"
-                    >
+                    <div class="w-full" v-tooltip="t('views.projects.structureChecks.blockedExtensions')">
                         <Chip
                             class="m-1"
                             :label="extension"
+                            :key="extension"
                             v-for="extension in node.data.getBlockedExtensionList()"
                         />
                     </div>
@@ -72,4 +63,4 @@ console.log(props.structureChecks);
         width: 100%;
     }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/components/projects/ProjectStructureEditor.vue b/frontend/src/components/projects/ProjectStructureEditor.vue
index 52494478..bdbcebd3 100644
--- a/frontend/src/components/projects/ProjectStructureEditor.vue
+++ b/frontend/src/components/projects/ProjectStructureEditor.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue';
 import { type TreeNode } from 'primevue/treenode';
 import { PrimeIcons } from 'primevue/api';
 import { useI18n } from 'vue-i18n';
-import { Project } from "@/types/Project.ts";
+import { Project } from '@/types/Project.ts';
 import { StructureCheck } from '@/types/StructureCheck.ts';
 
 /* Models */
@@ -22,7 +22,6 @@ const editingStructureCheck = ref<StructureCheck | null>(null);
 const selectedKeys = ref<string[]>([]);
 const expandedKeys = ref<string[]>([]);
 
-
 /**
  * Delete a structure check from the list.
  *
diff --git a/frontend/src/types/Project.ts b/frontend/src/types/Project.ts
index 4758c007..a7798cff 100644
--- a/frontend/src/types/Project.ts
+++ b/frontend/src/types/Project.ts
@@ -1,6 +1,6 @@
 import moment from 'moment';
-import { TreeNode } from "primevue/treenode";
-import { PrimeIcons } from "primevue/api";
+import { type TreeNode } from 'primevue/treenode';
+import { PrimeIcons } from 'primevue/api';
 import { Course, type CourseJSON } from './Course.ts';
 import { type ExtraCheck } from './ExtraCheck.ts';
 import { type Group } from './Group.ts';
diff --git a/frontend/src/views/projects/roles/StudentProjectView.vue b/frontend/src/views/projects/roles/StudentProjectView.vue
index b3592ea9..d9f5f236 100644
--- a/frontend/src/views/projects/roles/StudentProjectView.vue
+++ b/frontend/src/views/projects/roles/StudentProjectView.vue
@@ -16,8 +16,8 @@ import { useSubmission } from '@/composables/services/submission.service.ts';
 import { useProject } from '@/composables/services/project.service.ts';
 import { useRoute } from 'vue-router';
 import { type Project } from '@/types/Project.ts';
-import {useStructureCheck} from "@/composables/services/structure_check.service.ts";
-import Divider from "primevue/divider";
+import { useStructureCheck } from '@/composables/services/structure_check.service.ts';
+import Divider from 'primevue/divider';
 
 /* Props */
 defineProps<{
@@ -130,7 +130,7 @@ watchImmediate(
                     <ProjectInfo class="mb-3" :project="project" />
                     <div v-if="project" v-html="project.description" />
                     <Divider />
-                    <ProjectStructure v-if="structureChecks" :structure-checks="structureChecks"/>
+                    <ProjectStructure v-if="structureChecks" :structure-checks="structureChecks" />
                 </div>
                 <div class="col-12 md:col-4">
                     <template v-if="!loadingGroup">
diff --git a/frontend/src/views/submissions/SubmissionsView.vue b/frontend/src/views/submissions/SubmissionsView.vue
index 0a1f34fa..d2d20c8d 100644
--- a/frontend/src/views/submissions/SubmissionsView.vue
+++ b/frontend/src/views/submissions/SubmissionsView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Button from 'primevue/button';
-import Divider from "primevue/divider";
+import Divider from 'primevue/divider';
 import FileUpload from 'primevue/fileupload';
 import { PrimeIcons } from 'primevue/api';
 import { useI18n } from 'vue-i18n';
@@ -86,7 +86,7 @@ function formatDate(deadline: Date): string {
                         <!-- submission structure -->
                         <div v-if="structureChecks">
                             <Divider />
-                            <ProjectStructure :structure-checks="structureChecks"/>
+                            <ProjectStructure :structure-checks="structureChecks" />
                         </div>
                     </div>
                     <!-- Submission upload -->