OCT-1484: Add tooltip hover to tick icon on Project detail pages (#89)

golemfoundation · Mar 22, 2024 · d0ff825 · d0ff825
2 parents 92e7a14 + 93deffa
commit d0ff825
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/client/src/components/shared/ButtonAddToAllocate/ButtonAddToAllocate.tsx b/client/src/components/shared/ButtonAddToAllocate/ButtonAddToAllocate.tsx
@@ -28,6 +28,9 @@ const ButtonAddToAllocate: FC<ButtonAddToAllocateProps> = ({
   const [isTooltipClicked, setIsTooltipClicked] = useState(false);
   const [isTooltipVisible, setIsTooltipVisible] = useState(false);
   const tooltipText = useMemo(() => {
+    if (isArchivedProject && isAllocatedTo) {
+      return t('donated');
+    }
     if (isAddedToAllocate && isTooltipClicked) {
       return t('saved');
     }
@@ -39,7 +42,7 @@ const ButtonAddToAllocate: FC<ButtonAddToAllocateProps> = ({
     }
     return t('saveToAllocate');
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isAddedToAllocate, isTooltipClicked]);
+  }, [isAddedToAllocate, isTooltipClicked, isArchivedProject, isAllocatedTo]);
 
   const handleTooltipVisibilityChange = (isVisible: boolean) => {
     setIsTooltipVisible(isVisible);
@@ -61,7 +64,7 @@ const ButtonAddToAllocate: FC<ButtonAddToAllocateProps> = ({
       Icon={
         <Tooltip
           hideAfterClick
-          isDisabled={isArchivedProject || isPatronMode}
+          isDisabled={isPatronMode || (isArchivedProject && !isAddedToAllocate)}
           onClickCallback={() => {
             if (isTooltipVisible) {
               setIsTooltipClicked(true);

diff --git a/client/src/locales/en/translation.json b/client/src/locales/en/translation.json
@@ -73,7 +73,8 @@
         "saveToAllocate": "Save to allocate",
         "saved": "Saved",
         "removeFromAllocate": "Remove from allocate",
-        "removed": "Removed"
+        "removed": "Removed",
+        "donated": "Donated"
       },
       "rewardsCalculator": {
         "enterGLMAmount": "Enter a GLM amount",