From 5b943b4d8b8f93c83fed1f7b8ebcfd46a5a158ca Mon Sep 17 00:00:00 2001
From: Bram Meir <bram.meir@ugent.be>
Date: Sat, 30 Mar 2024 18:51:02 +0100
Subject: [PATCH] chore: refactor using Lander's project cards

---
 .../src/components/projects/ProjectLink.vue   | 30 -------------------
 frontend/src/views/calendar/CalendarView.vue  |  9 +++---
 2 files changed, 4 insertions(+), 35 deletions(-)
 delete mode 100644 frontend/src/components/projects/ProjectLink.vue

diff --git a/frontend/src/components/projects/ProjectLink.vue b/frontend/src/components/projects/ProjectLink.vue
deleted file mode 100644
index a222b92c..00000000
--- a/frontend/src/components/projects/ProjectLink.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import Card from 'primevue/card';
-import {Project} from '@/types/Projects.ts';
-
-/* Component props */
-defineProps<{
-    project: Project
-}>();
-
-
-</script>
-
-<template>
-  <RouterLink :to="{ name: 'project',  params: { courseId: project.course.id, projectId: project.id } }">
-    <Card class="border-round">
-      <template #title>
-        <h2 class="text-primary m-0 text-2xl">{{ project.name }}</h2>
-      </template>
-      <template #subtitle>
-        <span class="text-sm">{{ project.course.name }}</span>
-      </template>
-      <template #content>
-        <div>{{ project.description }}</div>
-      </template>
-    </Card>
- </RouterLink>
-</template>
-
-<style lang="scss">
-</style>
\ No newline at end of file
diff --git a/frontend/src/views/calendar/CalendarView.vue b/frontend/src/views/calendar/CalendarView.vue
index a35ce51e..7c4c7ae6 100644
--- a/frontend/src/views/calendar/CalendarView.vue
+++ b/frontend/src/views/calendar/CalendarView.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import moment from 'moment';
 import BaseLayout from '@/components/layout/BaseLayout.vue';
-import ProjectLink from '@/components/projects/ProjectLink.vue';
+import ProjectCard from '@/components/projects/ProjectCard.vue';
 import Calendar from 'primevue/calendar';
 import Title from '@/components/layout/Title.vue';
 import {useProject} from '@/composables/services/project.service';
@@ -81,10 +81,9 @@ onMounted(async () => {
                 <Title class="mb-6">{{ formattedDate }}</Title>
 
                 <!-- Listing projects with given deadline -->
-                <div>
-                    <div class="col-12" v-for="project in projectsWithDeadline" :key="project.id">
-                        <!-- Each ProjectLink card -->
-                        <ProjectLink class="h-100 mb-2" :project="project"/>
+                <div class="grid grid-cols-2 gap-4">
+                    <div v-for="project in projectsWithDeadline" :key="project.id">
+                        <ProjectCard class="h-100" :project="project"/>
                     </div>
                 </div>
             </div>