diff --git a/frontend/libs/components/settings-modal/src/lib/panes/RouterPrioritySettingsPane.tsx b/frontend/libs/components/settings-modal/src/lib/panes/RouterPrioritySettingsPane.tsx index 919ca0ae0d..19a50c27ac 100644 --- a/frontend/libs/components/settings-modal/src/lib/panes/RouterPrioritySettingsPane.tsx +++ b/frontend/libs/components/settings-modal/src/lib/panes/RouterPrioritySettingsPane.tsx @@ -17,7 +17,10 @@ import { } from "@dnd-kit/sortable"; import { CSS } from "@dnd-kit/utilities"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faGripVertical } from "@fortawesome/pro-solid-svg-icons"; +import { + faGripVertical, + faSpinnerThird, +} from "@fortawesome/pro-solid-svg-icons"; interface RouterItem { id: string; @@ -60,11 +63,7 @@ const SortableItem = ({ {...listeners} className={` flex items-center justify-between rounded-lg bg-white/5 p-3 transition-colors duration-200 - ${ - isUpdating - ? "cursor-wait opacity-60" - : "cursor-move hover:bg-white/10" - } + ${isUpdating ? "opacity-60" : "cursor-move hover:bg-white/10"} ${isDragging ? "opacity-50 shadow-lg" : ""} `} > @@ -138,14 +137,6 @@ export const RouterPrioritySettingsPane = () => { return (
-

- Model Router Priority - {isUpdating && ( - - Updating... - - )} -

Drag and drop to reorder model priority. Higher items will be tried first. @@ -171,6 +162,13 @@ export const RouterPrioritySettingsPane = () => {

+ + {isUpdating && ( +
+ + Updating... +
+ )}
); };