mirror of
https://github.com/Mintplex-Labs/anything-llm.git
synced 2025-04-27 14:59:41 +00:00
9c3014de70
* WIP agent settings redesign * WIP rework new agent skill UI * WIP save bar/agent styles * WIP update settings fix * desktop agent config UI implementation * remove unneeded files * fix sql and web browsing plugins not starting & add default badges * fix serply merge conflict * review: cleanup unused files/folders/components * refactor components * refactor components * fix order of customized skills --------- Co-authored-by: timothycarambat <rambat1010@gmail.com>
32 lines
1 KiB
JavaScript
32 lines
1 KiB
JavaScript
import { Warning } from "@phosphor-icons/react";
|
|
|
|
export default function ContextualSaveBar({
|
|
showing = false,
|
|
onSave,
|
|
onCancel,
|
|
}) {
|
|
if (!showing) return null;
|
|
|
|
return (
|
|
<div className="fixed top-0 left-0 right-0 h-14 bg-[#18181B] flex items-center justify-end px-4 z-[9999]">
|
|
<div className="absolute left-1/2 transform -translate-x-1/2 flex items-center gap-x-2">
|
|
<Warning size={18} className="text-white" />
|
|
<p className="text-white font-medium text-xs">Unsaved Changes</p>
|
|
</div>
|
|
<div className="flex items-center gap-x-2">
|
|
<button
|
|
className="border-none text-white font-medium text-sm px-[10px] py-[6px] rounded-md bg-white/5 hover:bg-white/10"
|
|
onClick={onCancel}
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
className="border-none text-[#222628] font-medium text-sm px-[10px] py-[6px] rounded-md bg-[#46C8FF] hover:bg-[#3DB5E8]"
|
|
onClick={onSave}
|
|
>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|