Query refactor

frontend/src/components/buttons/GroupButtons.vue

@@ -18,7 +18,7 @@ import { computed, toRefs } from "vue";
 import {
     useJoinGroupUserMutation,
     useLeaveGroupUserMutation,
-    useRemoveGroupMutation,
+    useDeleteGroupMutation,
     useUserGroupsQuery,
 } from "@/queries/Group";
 
@@ -63,7 +63,7 @@ const { mutateAsync: leaveGroup } = useLeaveGroupUserMutation();
 
 const { mutateAsync: joinGroup } = useJoinGroupUserMutation();
 
-const { mutateAsync: removeGroup } = useRemoveGroupMutation();
+const { mutateAsync: removeGroup } = useDeleteGroupMutation();
 </script>
 
 <style scoped></style>

frontend/src/components/home/cards/DeadlinesCard.vue

@@ -12,37 +12,15 @@
 import HomeScreenCard from "@/components/home/cards/HomeScreenCard.vue";
 import DeadlineItem from "@/components/home/listcontent/DeadlineItem.vue";
 import { type Deadline } from "@/models/Project";
-import { ref } from "vue";
-const deadlines = ref<Deadline[]>([
-    {
-        project: {
-            id: 1,
-            name: "project A",
-            subject_id: 1,
-            deadline: new Date(2024, 4, 28, 23, 59),
-            description: "a description",
-        },
-        status: "none",
-    },
-    {
-        project: {
-            id: 2,
-            name: "project B",
-            subject_id: 2,
-            deadline: new Date(2024, 6, 2, 17, 0),
-            description: "another description",
-        },
-        status: "accepted",
-    },
-    {
-        project: {
-            id: 3,
-            name: "project C",
-            subject_id: 3,
-            deadline: new Date(2024, 5, 5, 22, 0),
-            description: "last description",
-        },
-        status: "rejected",
-    },
-]);
+import { useProjectsQuery } from "@/queries/Project";
+import { computed } from "vue";
+
+const { data: projects } = useProjectsQuery();
+const deadlines = computed<Deadline[]>(
+    () =>
+        projects.value?.map((project) => ({
+            project,
+            status: "none",
+        })) || []
+);
 </script>

frontend/src/components/home/cards/SubjectsCard.vue

@@ -3,7 +3,11 @@
     <!-- TODO: Add error handling -->
     <h1 v-else-if="isSubjectsError">Error loading subjects</h1>
     <HomeScreenCard v-else :title="'homescreen.subjects'">
-        <SubjectItem v-for="subject in subjects" :subject="subject" :key="subject.id" />
+        <SubjectItem
+            v-for="subject in [...subjects!.as_student, ...subjects!.as_instructor]"
+            :subject="subject"
+            :key="subject.id"
+        />
     </HomeScreenCard>
 </template>
 

frontend/src/components/project/ProjectSideBar.vue

@@ -33,7 +33,7 @@ import type Subject from "@/models/Subject";
 import NeedHelpButton from "@/components/buttons/NeedHelpButton.vue";
 import { computed, toRefs } from "vue";
 import type User from "@/models/User";
-import { useUserQuery } from "@/queries/User";
+import { useCurrentUserQuery } from "@/queries/User";
 
 const props = defineProps<{
     project: Project;
@@ -44,7 +44,7 @@ const props = defineProps<{
 
 const { project, group, subject, instructors } = toRefs(props);
 
-const { data: user } = useUserQuery(null);
+const { data: user } = useCurrentUserQuery();
 
 const isTeacher = computed(() => {
     if (!user.value || !instructors.value) {

frontend/src/components/project/submit/SubmitForm.vue

@@ -11,7 +11,7 @@ import { computed, ref, toRefs } from "vue";
 import FilesInput from "@/components/form_elements/FilesInput.vue";
 import { useRouter } from "vue-router";
 import { useCreateSubmissionMutation } from "@/queries/Submission";
-import { useUserGroupQuery } from "@/queries/Group";
+import { useProjectGroupQuery } from "@/queries/Group";
 import { useI18n } from "vue-i18n";
 
 const props = defineProps<{
@@ -24,7 +24,7 @@ const { t } = useI18n();
 
 const inputFiles = ref<File[]>([]);
 const remarksInput = ref<string | null>(null);
-const { data: group } = useUserGroupQuery(projectId);
+const { data: group } = useProjectGroupQuery(projectId);
 const { mutateAsync } = useCreateSubmissionMutation(computed(() => group.value?.id));
 
 async function formOnSubmit(event: SubmitEvent) {

frontend/src/components/project/submit/SubmitInfo.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSubmissionsQuery } from "@/queries/Group";
+import { useSubmissionsQuery } from "@/queries/Submission";
 import { toRefs, computed } from "vue";
 import type Project from "@/models/Project";
 import type Group from "@/models/Group";

frontend/src/components/submission/SubmissionCard.vue

@@ -44,7 +44,12 @@
                 {{ $t("submission.download_info") }}
             </v-card-subtitle>
             <v-container>
-                <v-alert v-if="isError" title="Error" color="error" :text="error.message"></v-alert>
+                <v-alert
+                    v-if="isError"
+                    title="Error"
+                    color="error"
+                    :text="error!.message"
+                ></v-alert>
                 <v-skeleton-loader v-else :loading="isLoading" type="card" color="white">
                     <v-col>
                         <v-chip
@@ -65,11 +70,12 @@
 </template>
 
 <script setup lang="ts">
-import { Status, type Submission } from "@/models/Submission";
+import type { Status } from "@/models/Submission";
 import { useFilesQuery } from "@/queries/Submission";
 import { toRefs, computed } from "vue";
-import { download_file } from "@/utils.ts";
-import Project from "@/models/Project";
+import { download_file } from "@/utils";
+import type Project from "@/models/Project";
+import type Submission from "@/models/Submission";
 
 const props = defineProps<{
     submission: Submission;

frontend/src/composables/useIsAdmin.ts

@@ -1,8 +1,8 @@
 import { computed } from "vue";
-import { useUserQuery } from "@/queries/User";
+import { useCurrentUserQuery } from "@/queries/User";
 
 export default function useIsAdmin() {
-    const { data: user } = useUserQuery(null);
+    const { data: user } = useCurrentUserQuery();
     const isAdmin = computed(() => user.value?.is_admin || false);
     return { isAdmin };
 }

frontend/src/composables/useIsTeacher.ts

@@ -1,8 +1,8 @@
 import { computed } from "vue";
-import { useUserQuery } from "@/queries/User";
+import { useCurrentUserQuery } from "@/queries/User";
 
 export default function useIsTeacher() {
-    const { data: user } = useUserQuery(null);
+    const { data: user } = useCurrentUserQuery();
     const isTeacher = computed(() => user.value?.is_teacher || false);
     return { isTeacher };
 }

frontend/src/models/Group.ts

@@ -1,4 +1,4 @@
-import User from "@/models/User";
+import type User from "@/models/User";
 
 export default interface Group {
     id: number;