diff --git a/web/src/components/table/models/components/SelectionNotification.jsx b/web/src/components/table/models/components/SelectionNotification.jsx index d886a7c0..571c8948 100644 --- a/web/src/components/table/models/components/SelectionNotification.jsx +++ b/web/src/components/table/models/components/SelectionNotification.jsx @@ -45,7 +45,7 @@ const SelectionNotification = ({ selectedKeys = [], t, onDelete, onAddPrefill, o - ))} - - - )} + {...(tagGroups.length > 0 && { + extraText: ( + + {tagGroups.map(group => ( + + ))} + + ) + })} /> @@ -398,38 +389,29 @@ const EditModelModal = (props) => { addOnBlur showClear style={{ width: '100%' }} - extraText={( - - {endpointGroups.map(group => ( - - ))} - - - )} + {...(endpointGroups.length > 0 && { + extraText: ( + + {endpointGroups.map(group => ( + + ))} + + ) + })} /> diff --git a/web/src/hooks/models/useModelsData.js b/web/src/hooks/models/useModelsData.js index b41bdfc2..febc934e 100644 --- a/web/src/hooks/models/useModelsData.js +++ b/web/src/hooks/models/useModelsData.js @@ -247,9 +247,16 @@ export const useModelsData = () => { await loadModels(1, size, activeVendorKey); }; - // Handle row click + // Handle row click and styling const handleRow = (record, index) => { + const rowStyle = record.status !== 1 ? { + style: { + background: 'var(--semi-color-disabled-border)', + }, + } : {}; + return { + ...rowStyle, onClick: (event) => { // Don't trigger row selection when clicking on buttons if (event.target.closest('button, .semi-button')) {