ENH: [UI] Update Button Style and Interaction Logic for Editing Cache…

… in Model Card. (xorbitsai#2746)
amumu96 · Jan 9, 2025 · 7982ec2 · 7982ec2
1 parent 7a9153e
commit 7982ec2
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 3 deletions.
diff --git a/xinference/web/ui/src/locales/en.json b/xinference/web/ui/src/locales/en.json
@@ -25,6 +25,7 @@
     "vision": "vl-chat",
     "status": "Status",
     "cached": "Cached",
+    "manageCachedModels": "Manage Cached Models",
     "favorite": "Favorite",
     "unfavorite": "Unfavorite",
     "search": "Search for model name and description",

diff --git a/xinference/web/ui/src/locales/zh.json b/xinference/web/ui/src/locales/zh.json
@@ -25,6 +25,7 @@
     "vision": "视觉聊天",
     "status": "状态",
     "cached": "已缓存",
+    "manageCachedModels": "管理缓存模型",
     "favorite": "收藏",
     "unfavorite": "取消收藏",
     "search": "搜索模型名称和描述",

diff --git a/xinference/web/ui/src/scenes/launch_model/modelCard.js b/xinference/web/ui/src/scenes/launch_model/modelCard.js
@@ -848,7 +848,15 @@ const ModelCard = ({
                 (() => {
                   return modelData.model_lang.map((v) => {
                     return (
-                      <Chip key={v} label={v} variant="outlined" size="small" />
+                      <Chip
+                        key={v}
+                        label={v}
+                        variant="outlined"
+                        size="small"
+                        onClick={(e) => {
+                          e.stopPropagation()
+                        }}
+                      />
                     )
                   })
                 })()}
@@ -859,11 +867,16 @@ const ModelCard = ({
                 ) {
                   return (
                     <Chip
-                      label={t('launchModel.cached')}
+                      label={t('launchModel.manageCachedModels')}
                       variant="outlined"
+                      color="primary"
                       size="small"
                       deleteIcon={<EditNote />}
                       onDelete={handleOpenCachedList}
+                      onClick={(e) => {
+                        e.stopPropagation()
+                        handleOpenCachedList()
+                      }}
                     />
                   )
                 }
@@ -1019,6 +1032,9 @@ const ModelCard = ({
                           label={v}
                           variant="outlined"
                           size="small"
+                          onClick={(e) => {
+                            e.stopPropagation()
+                          }}
                         />
                       )
                     })
@@ -1028,6 +1044,9 @@ const ModelCard = ({
                         label={modelData.model_family}
                         variant="outlined"
                         size="small"
+                        onClick={(e) => {
+                          e.stopPropagation()
+                        }}
                       />
                     )
                   }
@@ -1036,11 +1055,16 @@ const ModelCard = ({
                   if (modelData.cache_status) {
                     return (
                       <Chip
-                        label={t('launchModel.cached')}
+                        label={t('launchModel.manageCachedModels')}
                         variant="outlined"
+                        color="primary"
                         size="small"
                         deleteIcon={<EditNote />}
                         onDelete={handleOpenCachedList}
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          handleOpenCachedList()
+                        }}
                       />
                     )
                   }