From 5d45d22bad66cb41382b8ba0686d832f0a490316 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Tue, 27 Feb 2024 10:02:39 -0800
Subject: [PATCH 1/3] pin to workspace UI update

---
 .../WorkspaceFileRow/index.jsx                | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
index 93b62cefe48..77ab6f3cca6 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
@@ -4,12 +4,7 @@ import {
   getFileExtension,
   middleTruncate,
 } from "@/utils/directories";
-import {
-  ArrowUUpLeft,
-  File,
-  PushPin,
-  PushPinSlash,
-} from "@phosphor-icons/react";
+import { ArrowUUpLeft, File, PushPin } from "@phosphor-icons/react";
 import Workspace from "@/models/workspace";
 import debounce from "lodash.debounce";
 import { Tooltip } from "react-tooltip";
@@ -144,21 +139,22 @@ const PinItemToWorkspace = memo(({ workspace, docPath, item }) => {
 
   if (!item) return <div />;
 
-  const PinIcon = pinned ? PushPinSlash : PushPin;
   return (
     <div
       onMouseEnter={() => setHover(true)}
       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-content={
-          pinned ? "Unpin document from workspace" : "Pin document to workspace"
+          pinned ? "Un-Pin from workspace" : "Pin to workspace"
         }
+        size={16}
         onClick={updatePinStatus}
-        weight={hover ? "fill" : "regular"}
-        className={`outline-none text-base font-bold w-4 h-4 ml-2 flex-shrink-0 cursor-pointer ${
-          pinned ? "hover:text-red-300" : ""
+        weight={hover || pinned ? "fill" : "regular"}
+        className={`outline-none text-base font-bold flex-shrink-0 cursor-pointer ${
+          pinned ? "hover:text-white" : ""
         }`}
       />
       <Tooltip

From f4c45c167ee1a78d3d00b3cbe383f5c211f1bf79 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Tue, 27 Feb 2024 10:06:23 -0800
Subject: [PATCH 2/3] tweak css

---
 .../Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx   | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
index 77ab6f3cca6..329bf9378e1 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
@@ -153,9 +153,7 @@ const PinItemToWorkspace = memo(({ workspace, docPath, item }) => {
         size={16}
         onClick={updatePinStatus}
         weight={hover || pinned ? "fill" : "regular"}
-        className={`outline-none text-base font-bold flex-shrink-0 cursor-pointer ${
-          pinned ? "hover:text-white" : ""
-        }`}
+        className="outline-none text-base font-bold flex-shrink-0 cursor-pointer"
       />
       <Tooltip
         id={`pin-${item.id}`}

From e757f2a75011a22da3b8a342427204faddad9b37 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Tue, 27 Feb 2024 10:10:43 -0800
Subject: [PATCH 3/3] change tooltip to white to match designs

---
 .../Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
index 329bf9378e1..3367c7289ce 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
@@ -159,7 +159,7 @@ const PinItemToWorkspace = memo(({ workspace, docPath, item }) => {
         id={`pin-${item.id}`}
         place="bottom"
         delayShow={300}
-        className="tooltip !text-xs"
+        className="tooltip invert !text-xs"
       />
     </div>
   );
@@ -178,7 +178,7 @@ const RemoveItemFromWorkspace = ({ item, onClick }) => {
         id={`remove-${item.id}`}
         place="bottom"
         delayShow={300}
-        className="tooltip !text-xs"
+        className="tooltip invert !text-xs"
       />
     </div>
   );