From fee786f1c89c6eb49d9619b32fef6f36400b0179 Mon Sep 17 00:00:00 2001
From: scammo <samuel.brinkmann@googlemail.com>
Date: Mon, 20 Sep 2021 16:44:44 +0200
Subject: [PATCH] bessere anzeige search

---
 src/assets/global.scss      |  4 ++++
 src/mixins/request.mixin.js |  3 ++-
 src/views/Search.vue        | 19 +++++++++++--------
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/assets/global.scss b/src/assets/global.scss
index 204a732..501ca6f 100644
--- a/src/assets/global.scss
+++ b/src/assets/global.scss
@@ -10,3 +10,7 @@
 .btn-primary {
   color: #fff !important;
 }
+
+.search-card{
+  height: 100%;
+}
diff --git a/src/mixins/request.mixin.js b/src/mixins/request.mixin.js
index ea042c3..38f2fd0 100644
--- a/src/mixins/request.mixin.js
+++ b/src/mixins/request.mixin.js
@@ -92,11 +92,12 @@ export default {
     async submitFormEdit() {
       this.showErrorMessage = false
       this.showSuccessMessage = false
+      const userId = store.state.currentUserId
 
       try {
         const body = JSON.stringify(this.profile)
         const response = await fetch(
-          `${this.apiUrl}/users/${store.currentUserId}/profile`,
+          `${this.apiUrl}/users/${userId}/profile`,
           {
             method: 'POST',
             headers: {
diff --git a/src/views/Search.vue b/src/views/Search.vue
index 20f2173..2799436 100644
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@@ -46,17 +46,20 @@ SPDX-License-Identifier: AGPL-3.0-or-later
             class="text-decoration-none"
             :to="{ path: `/s/profile/${result.user_id}` }"
           >
-            <div class="card">
+            <div class="card search-card">
               <div class="card-body">
                 <h5 class="card-title">
-                  {{ result.nickname
-                  }}<span v-if="result.pronouns"> ({{ result.pronouns }})</span>
+                  {{ result.nickname}}
+                  <span v-if="result.pronouns"> ({{ result.pronouns }})</span>
                 </h5>
-                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                <p class="card-text" v-if="result.skills">
+                <p
+                  class="card-text"
+                  v-if="result.skills && result.skills.length > 0"
+                >
                   Fähigkeiten:
-                  <span v-for="skill in result.skills" :key="skill.skill.name"
-                    >{{ skill.skill.name }}
+                  <span v-for="(skill, index) in result.skills" :key="index"
+                    >
+                    {{ skill.skill.name}}<span v-if="index != result.skills.length - 1">, </span>
                   </span>
                 </p>
               </div>
@@ -68,7 +71,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
   </div>
 </template>
 <script>
-import RequestMixin from "@/mixins/request.mixin"
+import RequestMixin from "@/mixins/request.mixin";
 
 export default {
   name: "Search",