Display read/wantread in search view

front/src/BookListElement.vue

@@ -9,7 +9,9 @@
   id: Number,
   title: String,
   author: String,
-  id: Number,
+  rating: Number,
+  read: Boolean,
+  wantread: Boolean,
   coverPath: String,
 });
   const imagePathOrDefault = computed(() => getImagePathOrDefault(props.coverPath));
@@ -49,7 +51,8 @@ function openBook() {
   <div class="column is-narrow">
     <button @click="" class="button is-large verticalbutton">
       <span class="icon" :title="$t('booklistelement.wantread')">
-        <b-icon-eye />
+        <b-icon-eye-fill v-if="props.wantread" />
+        <b-icon-eye v-else />
       </span>
     </button>
     <button @click="" class="button is-large verticalbutton">
@@ -59,7 +62,8 @@ function openBook() {
     </button>
     <button @click="onUserBookRead" class="button is-large verticalbutton">
       <span class="icon" :title="$t('booklistelement.read')">
-        <b-icon-check-circle />
+        <b-icon-check-circle-fill v-if="props.read" />
+        <b-icon-check-circle v-else />
       </span>
     </button>
   </div>