sij/anything-llm
1
0
Fork 0
mirror of https://github.com/Mintplex-Labs/anything-llm.git synced 2025-03-21 01:22:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions2

[FEAT]: Pin to workspace UI update ()

Browse source 
* pin to workspace UI update

* tweak css

* change tooltip to white to match designs
This commit is contained in:
Sean Hatfield 2024-02-27 11:55:26 -08:00 • committed by GitHub
parent bbe3c0a5d6
commit 2974a969b5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 15 deletions

24
frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
View file

@ -4,12 +4,7 @@ import {
getFileExtension, getFileExtension,
middleTruncate, middleTruncate,
} from "@/utils/directories"; } from "@/utils/directories";
import { import { ArrowUUpLeft, File, PushPin } from "@phosphor-icons/react";
ArrowUUpLeft,
File,
PushPin,
PushPinSlash,
} from "@phosphor-icons/react";
import Workspace from "@/models/workspace"; import Workspace from "@/models/workspace";
import debounce from "lodash.debounce"; import debounce from "lodash.debounce";
import { Tooltip } from "react-tooltip"; import { Tooltip } from "react-tooltip";
@ -144,28 +139,27 @@ const PinItemToWorkspace = memo(({ workspace, docPath, item }) => {
if (!item) return <div />; if (!item) return <div />;
const PinIcon = pinned ? PushPinSlash : PushPin;
return ( return (
<div <div
onMouseEnter={() => setHover(true)} onMouseEnter={() => setHover(true)}
onMouseLeave={() => setHover(false)} onMouseLeave={() => setHover(false)}
className="flex gap-x-2 items-center hover:bg-main-gradient p-[2px] rounded ml-2"
> >
<PinIcon <PushPin
data-tooltip-id={`pin-${item.id}`} data-tooltip-id={`pin-${item.id}`}
data-tooltip-content={ data-tooltip-content={
pinned ? "Unpin document from workspace" : "Pin document to workspace" pinned ? "Un-Pin from workspace" : "Pin to workspace"
} }
size={16}
onClick={updatePinStatus} onClick={updatePinStatus}
weight={hover ? "fill" : "regular"} weight={hover || pinned ? "fill" : "regular"}
className={`outline-none text-base font-bold w-4 h-4 ml-2 flex-shrink-0 cursor-pointer ${ className="outline-none text-base font-bold flex-shrink-0 cursor-pointer"
pinned ? "hover:text-red-300" : ""
}`}
/> />
<Tooltip <Tooltip
id={`pin-${item.id}`} id={`pin-${item.id}`}
place="bottom" place="bottom"
delayShow={300} delayShow={300}
className="tooltip !text-xs" className="tooltip invert !text-xs"
/> />
</div> </div>
); );
@ -184,7 +178,7 @@ const RemoveItemFromWorkspace = ({ item, onClick }) => {
id={`remove-${item.id}`} id={`remove-${item.id}`}
place="bottom" place="bottom"
delayShow={300} delayShow={300}
className="tooltip !text-xs" className="tooltip invert !text-xs"
/> />
</div> </div>
); );