From c5101f9be913bfe75593637ef19a5911179304f6 Mon Sep 17 00:00:00 2001
From: Huan He <140455389+huanhe4096@users.noreply.github.com>
Date: Wed, 11 Dec 2024 11:10:36 -0500
Subject: [PATCH] update 0.7.2

---
 README.md                       |  5 +++++
 web/src/DataStore.js            |  2 +-
 web/src/components/ItemList.vue | 21 +++++++++++++++++----
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index febf018..34c7446 100644
--- a/README.md
+++ b/README.md
@@ -25,6 +25,11 @@ The translate, llama model, and other services can be started separately. Please
 
 # Updates
 
+## 0.7.2
+
+- Fixed selection color bug
+- Updated style of hovering
+
 ## 0.7.1
 
 - Add setting for translation service
diff --git a/web/src/DataStore.js b/web/src/DataStore.js
index 35f945e..57c02e6 100644
--- a/web/src/DataStore.js
+++ b/web/src/DataStore.js
@@ -4,7 +4,7 @@ import { translator } from './utils/translator';
 
 export const useDataStore = defineStore('jarvis', {
 state: () => ({
-    version: '0.7.1',
+    version: '0.7.2',
     config: {
         api_server_url: "http://localhost:8123",
         api_server_token: "",
diff --git a/web/src/components/ItemList.vue b/web/src/components/ItemList.vue
index f1b1e5c..76c3a9c 100644
--- a/web/src/components/ItemList.vue
+++ b/web/src/components/ItemList.vue
@@ -51,7 +51,14 @@ const items = ref([
         label: 'By PMID (desc)',
         icon: 'pi pi-sort-numeric-down-alt'
     }
-])
+]);
+
+function isCurrentItem(item) {
+    if (store.working_item == null) {
+        return false;
+    }
+    return store.working_item.pmid == item.pmid;
+}
 </script>
 
 
@@ -81,8 +88,8 @@ const items = ref([
         </Toolbar>
     </div>
     <div class="item-main-list">
-        <div v-for="item, item_idx in store.filterred_items" :key="item.id"
-            :class="{'current-item': store.working_item_idx == item_idx}"
+        <div v-for="item, item_idx in store.filterred_items" :key="item.pmid"
+            :class="{'current-item': isCurrentItem(item)}"
             @click="onClickItem(item)"
             class="item">
             <div class="left">
@@ -179,7 +186,7 @@ const items = ref([
     align-items: center;
 }
 .item:hover {
-    background-color: #eaeaea;
+    background-color: #d9d9d9;
 }
 .item:hover .right {
     display: inline-block;
@@ -228,6 +235,9 @@ const items = ref([
 .current-item {
     background-color: #7abdf3;
 }
+.current-item:hover {
+    background-color: #acd6f9;
+}
 .current-item .item-id {
     font-weight: bold;
 }
@@ -238,5 +248,8 @@ const items = ref([
     .current-item {
         background-color: #295070;
     }
+    .current-item:hover {
+        background-color: #314f67;
+    }
 }
 </style>
\ No newline at end of file