From d213f2d2375c4e6206377f5ff4097af7ffc58686 Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Mon, 8 May 2023 14:44:24 +0200
Subject: [PATCH] Change icons in cockpit

---
 client/src/components/feedback/feedbackSummary.vue       | 7 ++++---
 .../AssignmentEvaluationPage.vue                         | 5 ++++-
 .../pages/cockpit/assignmentsPage/AssignmentsPage.vue    | 2 +-
 client/src/pages/cockpit/cockpitPage/AssignmentsTile.vue | 2 +-
 client/src/pages/cockpit/cockpitPage/CockpitPage.vue     | 9 ++++-----
 client/tailwind.config.js                                | 3 ---
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/client/src/components/feedback/feedbackSummary.vue b/client/src/components/feedback/feedbackSummary.vue
index 2ae457d5..6e1c88c5 100644
--- a/client/src/components/feedback/feedbackSummary.vue
+++ b/client/src/components/feedback/feedbackSummary.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="mb-4 bg-white px-6 py-5">
-    <h2 class="heading-3 mb-4 bg-feedback bg-60 bg-no-repeat pl-[68px] leading-[60px]">
-      {{ $t("general.feedback", 2) }}
-    </h2>
+    <h3 class="heading-3 mb-4 flex items-center gap-2">
+      <it-icon-feedback-large class="h-16 w-16"></it-icon-feedback-large>
+      <div>{{ $t("general.feedback", 2) }}</div>
+    </h3>
     <ol v-if="feedbackSummary.length > 0">
       <ItRow v-for="feedbacks in feedbackSummary" :key="feedbacks.circle_id">
         <template #firstRow>
diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
index 02873ad6..d258e32e 100644
--- a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
+++ b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
@@ -76,7 +76,10 @@ const assignmentCompletion = computed(() => assignmentStore.assignmentCompletion
       <header
         class="relative flex h-12 w-full items-center justify-between border-b border-b-gray-400 bg-white px-4 lg:h-16 lg:px-8"
       >
-        <div>Geleitete Fallarbeit: {{ state.assignment.title }}</div>
+        <div class="flex items-center text-gray-900">
+          <it-icon-assignment class="h-6 w-6"></it-icon-assignment>
+          <div class="ml-2">Geleitete Fallarbeit: {{ state.assignment.title }}</div>
+        </div>
         <button
           type="button"
           class="absolute right-2 top-2 h-8 w-8 cursor-pointer lg:right-4 lg:top-4"
diff --git a/client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue b/client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue
index 261a75cd..f91b5663 100644
--- a/client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue
+++ b/client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue
@@ -50,7 +50,7 @@ const assignments = computed(() => {
       </nav>
       <header>
         <h2 class="heading-2 mb-4 flex items-center gap-2">
-          <it-icon-lc-assignment class="h-16 w-16"></it-icon-lc-assignment>
+          <it-icon-assignment-large class="h-16 w-16"></it-icon-assignment-large>
           <div>Geleitete Fallarbeiten</div>
         </h2>
       </header>
diff --git a/client/src/pages/cockpit/cockpitPage/AssignmentsTile.vue b/client/src/pages/cockpit/cockpitPage/AssignmentsTile.vue
index e1b89f10..842c18ab 100644
--- a/client/src/pages/cockpit/cockpitPage/AssignmentsTile.vue
+++ b/client/src/pages/cockpit/cockpitPage/AssignmentsTile.vue
@@ -30,7 +30,7 @@ const assignments = computed(() => {
   <div class="bg-white px-6 py-5">
     <div v-if="cockpitStore.courseSessionUsers">
       <h3 class="heading-3 mb-4 flex items-center gap-2">
-        <it-icon-lc-assignment class="h-16 w-16"></it-icon-lc-assignment>
+        <it-icon-assignment-large class="h-16 w-16"></it-icon-assignment-large>
         <div>Geleitete Fallarbeiten</div>
       </h3>
 
diff --git a/client/src/pages/cockpit/cockpitPage/CockpitPage.vue b/client/src/pages/cockpit/cockpitPage/CockpitPage.vue
index fb9ccfc6..52a49f69 100644
--- a/client/src/pages/cockpit/cockpitPage/CockpitPage.vue
+++ b/client/src/pages/cockpit/cockpitPage/CockpitPage.vue
@@ -107,11 +107,10 @@ function setActiveClasses(translationKey: string) {
           :course-session="courseSessionStore.currentCourseSession"
         />
         <div class="bg-white px-6 py-5">
-          <h1
-            class="heading-3 mb-4 bg-test bg-60 bg-no-repeat pl-[68px] leading-[60px]"
-          >
-            {{ $t("general.examResult", 2) }}
-          </h1>
+          <h3 class="heading-3 mb-4 flex items-center gap-2">
+            <it-icon-test-large class="h-16 w-16"></it-icon-test-large>
+            <div>{{ $t("general.examResult", 2) }}</div>
+          </h3>
           <div class="mb-4">
             <ItProgress :status-count="data.transferProgress"></ItProgress>
           </div>
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index 6b0011e2..cee8a0c6 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -32,9 +32,6 @@ module.exports = {
         "handlungsfelder-overview":
           "url('/static/icons/icon-handlungsfelder-overview.svg')",
         "lernmedien-overview": "url('/static/icons/icon-lernmedien-overview.svg')",
-        assignment: "url('/static/icons/icon-lc-assignment.svg')",
-        feedback: "url('/static/icons/icon-feedback.svg')",
-        test: "url('/static/icons/icon-lc-test.svg')",
         message: "url('/static/icons/icon-message.svg')",
       },
       borderColor: (theme) => ({