This commit is contained in:
timothycarambat 2024-10-16 15:11:17 -07:00
commit acc1baabe8
3 changed files with 38 additions and 37 deletions

View File

@ -265,17 +265,20 @@ const PinAlert = memo(() => {
return ( return (
<ModalWrapper isOpen={showAlert} noPortal={true}> <ModalWrapper isOpen={showAlert} noPortal={true}>
<div className="relative w-full max-w-2xl max-h-full">
<div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden"> <div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden">
<div className="flex items-start justify-between p-4 rounded-t border-gray-500/50"> <div className="relative p-6 border-b rounded-t border-theme-modal-border">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<PushPin className="text-red-600 text-lg w-6 h-6" weight="fill" /> <PushPin
className="text-theme-text-primary text-lg w-6 h-6"
weight="regular"
/>
<h3 className="text-xl font-semibold text-white"> <h3 className="text-xl font-semibold text-white">
What is document pinning? What is document pinning?
</h3> </h3>
</div> </div>
</div> </div>
<div className="w-full p-6 text-white text-md flex flex-col gap-y-2"> <div className="py-7 px-9 space-y-2 flex-col">
<div className="w-full text-white text-md flex flex-col gap-y-2">
<p> <p>
When you <b>pin</b> a document in AnythingLLM we will inject the When you <b>pin</b> a document in AnythingLLM we will inject the
entire content of the document into your prompt window for your entire content of the document into your prompt window for your
@ -291,18 +294,16 @@ const PinAlert = memo(() => {
in a click. in a click.
</p> </p>
</div> </div>
</div>
<div className="flex w-full justify-between items-center p-6 space-x-2 border-t rounded-b border-gray-500/50"> <div className="flex w-full justify-end items-center p-6 space-x-2 border-t border-theme-modal-border rounded-b">
<button disabled={true} className="invisible" />
<button <button
onClick={dismissAlert} onClick={dismissAlert}
className="border border-slate-200 px-4 py-2 rounded-lg text-white text-sm items-center flex gap-x-2 hover:bg-slate-200 hover:text-slate-800 focus:ring-gray-800" className="transition-all duration-300 bg-white text-black hover:opacity-60 px-4 py-2 rounded-lg text-sm"
> >
Okay, got it Okay, got it
</button> </button>
</div> </div>
</div> </div>
</div>
</ModalWrapper> </ModalWrapper>
); );
}); });

View File

@ -184,9 +184,9 @@ export default function AgentWebSearchSelection({
/> />
)} )}
{searchMenuOpen ? ( {searchMenuOpen ? (
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-primary-button z-20"> <div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-theme-settings-input-bg rounded-lg flex flex-col justify-between cursor-pointer border-2 border-primary-button z-20">
<div className="w-full flex flex-col gap-y-1"> <div className="w-full flex flex-col gap-y-1">
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input"> <div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-theme-settings-input-bg">
<MagnifyingGlass <MagnifyingGlass
size={20} size={20}
weight="bold" weight="bold"
@ -227,7 +227,7 @@ export default function AgentWebSearchSelection({
</div> </div>
) : ( ) : (
<button <button
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-primary-button transition-all duration-300" className="w-full max-w-[640px] h-[64px] bg-theme-settings-input-bg rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-primary-button transition-all duration-300"
type="button" type="button"
onClick={() => setSearchMenuOpen(true)} onClick={() => setSearchMenuOpen(true)}
> >

View File

@ -179,18 +179,18 @@ function FeatureVerification({ children }) {
return ( return (
<> <>
<ModalWrapper isOpen={true}> <ModalWrapper isOpen={true}>
<form
onSubmit={acceptTos}
className="relative w-full max-w-2xl max-h-full"
>
<div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden"> <div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden">
<div className="flex items-start justify-between p-4 border-b rounded-t border-gray-500/50"> <div className="relative p-6 border-b rounded-t border-theme-modal-border">
<div className="flex items-center gap-2">
<Flask size={24} className="text-theme-text-primary" />
<h3 className="text-xl font-semibold text-white"> <h3 className="text-xl font-semibold text-white">
Terms of use for experimental features Terms of use for experimental features
</h3> </h3>
</div> </div>
<div className="p-6 space-y-6 flex h-full w-full"> </div>
<div className="w-full flex flex-col gap-y-4 text-white"> <form onSubmit={acceptTos}>
<div className="py-7 px-9 space-y-4 flex-col">
<div className="w-full text-white text-md flex flex-col gap-y-4">
<p> <p>
Experimental features of AnythingLLM are features that we Experimental features of AnythingLLM are features that we
are piloting and are <b>opt-in</b>. We proactively will are piloting and are <b>opt-in</b>. We proactively will
@ -203,7 +203,7 @@ function FeatureVerification({ children }) {
Use of any feature on this page can result in, but not Use of any feature on this page can result in, but not
limited to, the following possibilities. limited to, the following possibilities.
</p> </p>
<ul className="list-disc ml-6 text-sm font-mono"> <ul className="list-disc ml-6 text-sm font-mono mt-2">
<li>Loss of data.</li> <li>Loss of data.</li>
<li>Change in quality of results.</li> <li>Change in quality of results.</li>
<li>Increased storage.</li> <li>Increased storage.</li>
@ -221,7 +221,7 @@ function FeatureVerification({ children }) {
Use of an experimental feature also comes with the Use of an experimental feature also comes with the
following list of non-exhaustive conditions. following list of non-exhaustive conditions.
</p> </p>
<ul className="list-disc ml-6 text-sm font-mono"> <ul className="list-disc ml-6 text-sm font-mono mt-2">
<li>Feature may not exist in future updates.</li> <li>Feature may not exist in future updates.</li>
<li>The feature being used is not currently stable.</li> <li>The feature being used is not currently stable.</li>
<li> <li>
@ -255,7 +255,7 @@ function FeatureVerification({ children }) {
</p> </p>
</div> </div>
</div> </div>
<div className="flex w-full justify-between items-center p-6 space-x-2 border-t rounded-b border-gray-500/50"> <div className="flex w-full justify-between items-center p-6 space-x-2 border-t border-theme-modal-border rounded-b">
<a <a
href={paths.home()} href={paths.home()}
className="px-4 py-2 rounded-lg text-white hover:bg-stone-900 transition-all duration-300" className="px-4 py-2 rounded-lg text-white hover:bg-stone-900 transition-all duration-300"
@ -264,13 +264,13 @@ function FeatureVerification({ children }) {
</a> </a>
<button <button
type="submit" type="submit"
className="transition-all duration-300 border border-slate-200 px-4 py-2 rounded-lg text-white text-sm items-center flex gap-x-2 hover:bg-slate-200 hover:text-slate-800 focus:ring-gray-800" className="transition-all duration-300 bg-white text-black hover:opacity-60 px-4 py-2 rounded-lg text-sm"
> >
I understand I understand
</button> </button>
</div> </div>
</div>
</form> </form>
</div>
</ModalWrapper> </ModalWrapper>
{children} {children}
</> </>